CSS 3选择器：具有类名的第一类型？

Question

CSS 3选择器：具有类名的第一类型？是否可以使用CSS 3选择器？:first-of-type选择具有给定类名的第一个元素？我的测试还没成功，所以我想不是？守则(http://jsfiddle.net/YWY4L/):p:first-of-type {color:blue}p.myclass1:first-of-type {color:red}.myclass2:first-of-type {color:green}<div>  <div>This text should appear as normal</div>  <p>This text should be blue.</p>  <p class="myclass1">This text should appear red.</p>  <p class="myclass2">This text should appear green.</p></div>

Answer 1

不，只用一个选择器是不可能的。这个:first-of-type类选择其第一个元素。类型 (div, p(等)使用类选择器(或类型选择器)和该伪类意味着，如果元素具有给定的类(或者是给定的类型)，则可以选择它。和是它的兄弟姐妹中的第一种。

不幸的是，CSS没有提供:first-of-class仅选择类的第一次出现的选择器。作为一种解决办法，您可以使用以下内容：

.myclass1 { color: red; }.myclass1 ~ .myclass1 { color: /* default, or inherited from parent div */; }

本文给出了解决方案的说明和说明。这里和这里.