首页 前端知识 CSS怎么选择除了第一个子元素外的其余同级子元素

CSS怎么选择除了第一个子元素外的其余同级子元素

2024-08-25 23:08:15 前端知识 前端哥 84 810 我要收藏

使用 CSS 的:not()伪类选择器和:nth-child()伪类选择器

要通过CSS的代码选择某一个元素的除了第一个子元素外的其余的跟第一个子元素同级的子元素,可以结合使用CSS的:not()伪类选择器和:nth-child()伪类选择器进行选择。大致的语法如下:

.parent > .child:not(:nth-child(1)) {样式设置}

CSS选择除了第一个子元素外同级子元素实例代码,及在线编辑器

下面的实例中除了使用上述的两种伪类选择器之外,还结合了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怎么选择除了第一个子元素外的其余同级子元素

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16893.html
标签
评论
发布的文章

LoopBack组件JSONAPI使用指南

2024-09-04 23:09:43

编译JSONCPP源码

2024-09-04 23:09:49

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!