<html> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <style> .emphasis { font-weight: bold; } </style> <script> $(function()

Question

0

Asked: May 31, 20262026-05-31T09:58:58+00:00 2026-05-31T09:58:58+00:00

<html> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <style> .emphasis { font-weight: bold; } </style> <script> $(function()

0

<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    <style>
    .emphasis { font-weight: bold; } 
    </style>
    <script>
    $(function() {
        $('li:first-child').addClass('emphasis');
    });
    </script>
    
</head>
<body>

<ul>
    <li>hello</li>
    <li>hello2</li>
    <li>hello3</li>
</ul>

</body>
</html>

I’m following a tutorial: http://tutsplus.com/lesson/not-so-fast-jquery/

This code is exactly what he has near the end, yet it does not work for me. Any reason why?