要通过CSS的代码选择某一个元素的除了第一个子元素外的其余的跟第一个子元素同级的子元素，可以结合使用CSS的:not()伪类选择器和:nth-child()伪类选择器进行选择。大致的语法如下：
.parent > .child:not(:nth-child(1)) {样式设置}
下面除了使用上述的两种伪类选择器之外，还结合了class属性：
<div class='p'>
<div class='c'>p的第一个子元素</div>
<div class='c'>p的第二个子元素</div>
<div class='c'>p的第三个子元素</div>
</div>
<style>
.p > .c:not(:nth-child(1)){color:green;}
</style>
原文及在线编辑器：CSS怎么选择除了第一个子元素外的其余同级子元素
子元素选择器 1.选择第一个子元素 2.选择最后一个子元素 3.选择指定位置的子元素 4.选择指定类型的子元素
querySelector（）只会获取返回匹配指定css选择器元素的第一个子元素。如果要返回所有匹配元素，需要使用...
:first是选择将所有的父元素合并之后的第一个子元素；：first-child是选择每个父元素的第一个子元素 $...
W3Cplus MDN介绍 first-children-MDN:父元素的第一个子元素 css部分:...
css选择器 子代选择器：空格、> 空格：选择父元素内所有子元素 >：选择直属父元素的子元素 兄弟选择器：+、~ ...
css 伪元素::after css ::after用来创建一个伪元素，做为已选中元素的最后一个子元素。通常会配合...
E：first-child:任何元素的第一个子元素E.E:first-of-type:匹配同类型中的第一个同级兄弟...
后盾人CSS在线文档 Target 区分兄弟选择器"+"，找相连的相抵元素与"~",找同级的兄弟元素？ max-w...
子元素选择器 选中某个或某一类元素下的子元素，然后对该子元素设置css样式。父元素与子元素必须用空格隔开。 相邻选...
nth-child()匹配每一个子元素 first-child 代表父元素的第一个子元素s
本文标题：CSS怎么选择除了第一个子元素外的其余同级子元素
本文链接：https://www.haomeiwen.com/subject/pexrwdtx.html
网友评论