h2 タグが追加されている場合、jQuery の first-child が有効にならないのはなぜですか?下の写真を参照してください。ありがとうございます
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">
</script>
<script type="text/javascript"> $(document).ready(function(){
$('div p:first-child').css('backgroundColor', '#555');
});
</script>
</head>
<body>
<html>
<div>
<h2>hello</h2>
<p>A</p>
<p>B</p>
<p>C</p>
</div>
<div>
<p>D</p>
<p>E</p>
<p>F</p></div>
<div>
<p>G</p>
<p>H</p>
<p>I</p>
</div>
</body>
</html>
first-childは、最初の子要素にのみトラバースします
最初のdivにはfirst要素とp要素がないためです
$("div > p").first()でも、h2ではなくpタグが選択されていますね？
えーいいえ。 A のみが効果を持ち、D と G は効果がありません。
以上がjquery: この場合、最初の子セレクターが無効なのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
