为什么:nth-​​child(2)选择器能够满足我的期望:第一个孩子?

Ben*_*Ben 4 css css-selectors

我有一个我想问的例子.

我经常使用这种格式.我希望能够选择第一个div,fieldset div:first-child { }但似乎它只被第二个子选择器抓住了.我希望"场1"是红色而不是蓝色.在语义上(至少对我来说)更有意义地说"像这样设置字段集中的第一个div",而不是说第二个.

为什么会发生这种情况,有没有办法达到我想要的效果(能够调用div:first-child)?

Rob*_*b W 6

所述:nth-child选择器将忽略的元素类型.div:nth-child(2)选择<div>哪个是第二个孩子.

如果要选择第一个div,请使用:nth-of-type(1):first-of-type选择器.

演示:http://jsfiddle.net/Z3Bcq/1/