このjQueryスクリプトは、私のリストの最初の子をどのように強調しませんか？

<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>

私は、チュートリアルを次のようだ：http://tutsplus.com/lesson/not-so-fast-jquery/?WT.mc_id=learnjquery このjQueryスクリプトは、私のリストの最初の子をどのように強調しませんか？

このコードは、彼が終わり近くにあり、まさにあり、まだそれは私のために動作しません。理由は何ですか？

出典

2012-03-16 eveo

[それは私のために働く]（http://jsfiddle.net/J754K/） – icktoofay

最初の子はクロスブラウザーで問題をサポートしていますが、代わりにli：firstを使用してください。 – Ohgodwhy

@Ohgodwhy：セレクタからブラウザ間で問題が発生することはありません。私はjQueryが[Sizzle]（http://www.sizzlejs.com/）を使ってセレクタを抽象化したと思った。 – icktoofay