Question

如何选择（例如） body 的第二个h3元素而不影响它们之间的元素？

nth-of-type不起作用，因为它会选择第一个父亲！

这是我的jsfiddle（抱歉，因为它是外国的，代码没有缩短）

<http://jsfiddle.net/tg7of5sp/>

Answer 1

nth-of-type（）

：nth-of-type（n）选择器匹配每个第n个元素其父母的特定类型的孩子.n可以是数字，a 关键字或公式。

See Refrence

工作演示选择身体的第二个h3

body>h3:nth-of-type(2){
    color:red;
    }

<body>
  <h3>1st Heading h3</h3>
  <div>
    
  <h3>div 1st Heading h3</h3>
   <h3>div 2nd Heading h3</h3>

    </div>
  
  <h3>2nd Heading h3</h3>
  </body>

选择身体的第n个h3元素

1 个答案: