html - 将样式应用于除第一个之外的任何子元素的选择器

让我们有一个 HTML 代码片段

<div id="parent">
    <div id="ch1"></div>
    <div id="ch2"></div>
    <div id="ch3"></div>
    ....
    <div id="ch1234"></div>
</div>

那么如何编写一个 CSS 选择器，将特定样式应用于 div#parent 的任何子级，div#ch1 除外？

最佳答案

使用子级和兄弟级组合器:

#parent > div + div

div + div 表示任何 div 紧随其后，第一个 child 将被排除在外。

替代方案包括 ~ 代替 +:

#parent > div ~ div

或者，使用 CSS3 伪类(在 IE8 和更早版本中不受支持，如果这对您很重要的话):

#parent > div:nth-child(n+2)
#parent > div:not(#ch1)

关于html - 将样式应用于除第一个之外的任何子元素的选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21333483/