<style> p>p:nth-child(2){ color:red; } </style> <p> <p>我是第1个段落</p> <p>我是第2个段落</p><!--符合条件:1、是<p>元素,2、父元素<p>的第二个元素。这里被选择,会变成红色。--> <p>我是第3个段落</p> </p> <p> <p>我是第1个段落</p> <span>我是第1个文本</span><!--不符合条件:不是<p>元素,没有被选择--> <p>我是第2个段落</p> </p>
<span>
ci-dessus prenne effet, vous pouvez supprimer la sélection de l'élément enfant <p>
et écrivez à un parent Ajoutez un espace à l'élément <p>
pour éviter que :nth-child
ne prenne effet. <style> p :nth-child(2){ //p+空格,只根据父元素选择 color:red; } </style> <p> <p>我是第1个段落</p> <span>我是第1个文本</span><!--符合条件--> <p>我是第2个段落</p> </p>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!