CSS3选择器:第一个具有类名的类型?

是否可以使用CSS3选择器:first of type选择具有给定类名的第一个元素?我的测试没有成功,所以我想不是吗

代码(http://jsfiddle.net/YWY4L/):

p:type{color:blue}的第一个
p、 myclass1:类型{color:red}的第一个
.myclass2:类型{color:green}的第一个
<部门>
<部门>此文本应正常显示&lt/部门>
<p>此文本应为蓝色。&lt/p>
<p class=“myclass1”>此文本应显示为红色。&lt/p>
<p class=“myclass2”>此文本应显示为绿色。&lt/p>
&lt/部门&gt

不,不可能只使用一个选择器。:type伪类的第一个选择其type的第一个元素(divp,等等)。将类选择器(或类型选择器)与该伪类一起使用意味着选择一个元素,前提是该元素具有给定的类(或属于给定的类型),并且是其同级中的第一个类型

不幸的是,CSS没有提供一个只选择类的第一次出现的:类的第一个选择器。作为一种解决方法,您可以使用以下内容:

.myclass1{color:red;}
.myclass1~.myclass1{color:/*默认值,或从父div*/;}继承

此处和此处给出了解决方法的解释和说明

发表评论