CSS3选择器:first-of-type类名? [英] CSS3 selector :first-of-type with class name?
问题描述
是否可以使用CSS3选择器:first-of-type
来选择具有给定类名的第一个元素?
Is it possible to use the CSS3 selector :first-of-type
to select the first element with a given class name? I haven't been successful with my test so I'm thinking it's not?
代码( http://jsfiddle.net/YWY4L/ ):
The Code (http://jsfiddle.net/YWY4L/):
推荐答案
不,不可能只使用一个选择器。 :first-of-type
伪类选择其类型( div $ c $)的第一个元素c>,
p
等)。使用具有该伪类的类选择器(或类型选择器)意味着如果具有给定类(或具有给定类型)的和是其类型中的第一个
No, it's not possible using just one selector. The :first-of-type
pseudo-class selects the first element of its type (div
, p
, etc). Using a class selector (or a type selector) with that pseudo-class means to select an element if it has the given class (or is of the given type) and is the first of its type among its siblings.
不幸的是,CSS不提供:第一类
选择器,只选择第一个发生类。作为解决方法,您可以使用这样的:
Unfortunately, CSS doesn't provide a :first-of-class
selector that only chooses the first occurrence of a class. As a workaround, you can use something like this:
.myclass1 { color: red; }
.myclass1 ~ .myclass1 { color: /* default, or inherited from parent div */; }
Explanations and illustrations for the workaround are given here and here.
这篇关于CSS3选择器:first-of-type类名?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!