是否可以使用CSS3选择器:first of type选择具有给定类名的第一个元素?我的测试没有成功,所以我想不是吗
代码(http://jsfiddle.net/YWY4L/):
p:type{color:blue}的第一个
p、 myclass1:类型{color:red}的第一个
.myclass2:类型{color:green}的第一个
<;部门>;
<;部门>;此文本应正常显示</部门>;
<;p>;此文本应为蓝色。</p>;
<;p class=“myclass1”>;此文本应显示为红色。</p>;
<;p class=“myclass2”>;此文本应显示为绿色。</p>;
</部门>
不,不可能只使用一个选择器。:type伪类的第一个选择其type的第一个元素(div,p,等等)。将类选择器(或类型选择器)与该伪类一起使用意味着选择一个元素,前提是该元素具有给定的类(或属于给定的类型),并且是其同级中的第一个类型
不幸的是,CSS没有提供一个只选择类的第一次出现的:类的第一个选择器。作为一种解决方法,您可以使用以下内容:
.myclass1{color:red;}
.myclass1~.myclass1{color:/*默认值,或从父div*/;}继承
此处和此处给出了解决方法的解释和说明