css - 如何在 CSS 中引用给定选择器的第一次出现？

Question

HTML:

<div class="foo">firstBar</div><!-- give this one a different style -->
<div class="foo">secondBar</div>
<div class="foo">thirdBar</div>

CSS:

 .foo { font-size: 12pt }

在不编辑现有 HTML 的情况下，是否可以以某种方式引用类“foo”的第一次出现并赋予它不同的样式？

Answer 1

div:first-child { font-size: 12pt }

注意:要在 IE 中工作，:first-child 必须声明 DOCTYPE。这在 IE6 中不起作用。