css - 为什么:nth-child(2) selector work on what I expect to be :first-child?

标签 css css-selectors

我有一个 example我想问的问题。

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

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

最佳答案

:nth-child选择器忽略元素类型。 div:nth-child(2)选择 <div>这是第二个 child 。

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

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

关于css - 为什么:nth-child(2) selector work on what I expect to be :first-child?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9774742/

相关文章:

css - Internet Explorer 开发者工具 CSS 问题

html - 两个相邻 <h...> 元素之间的距离较大

javascript - Iscroll div 不工作

css - 对齐选择器内的文本

用于选择出现在另一个元素之前的元素的 CSS 选择器?

css - 为什么 SASS 在使用 extend 时会修改同名的链式选择器?

css - 如何根据同胞子属性更改样式

jquery - 如何在 jquery 的输入标签中选择 'title' 属性?

html - 表格的 TD 高度不会拉伸(stretch)到 100%

javascript - 更改 Jquery 滚动条以一次移动一个内容