第一种类型css选择一切

Question

我试图瞄准页面的第一个h3但是击中了所有的h3

我已经在下面尝试了,并且使用">"但是>只有当它直接在体内而不是嵌套时才有效.

body h3:first-of-type{ /*code*/ }

有任何想法吗？

我不想在任何地方添加ID.

Answer 1

First-of-type将在其父级中定位该类型的第一个元素,而不是在您指定的祖先中.所以如果你的HTML就像

<body>
   <div>
      <h3>first</h3>
   </div>
   <div>
      <h3>second</h3>
   </div>
</body>

然后两个h3元素都将被定位,因为每个元素都是h3其父元素中的第一个.

鉴于你只想要定位一个元素,似乎添加一个id是明智的方法.

(也可以使用jQuery(它有一个:first选择器)来做这个,虽然这当然会依赖于启用javascript,如果你因为其他原因不需要它,可能会有点过分.)