当前位置: 首页 > news >正文

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

使用 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怎么选择除了第一个子元素外的其余同级子元素

http://www.lryc.cn/news/229275.html

相关文章:

  • Mac下eclipse配置JDK
  • 基于springboot实现体育场馆运营平台项目【项目源码】
  • 优雅的Java编程:将接口对象作为方法参数
  • 一文简单聊聊protobuf
  • Unity Meta Quest 一体机开发(五):手势抓取概述
  • 传输层中的TCP和UPD协议
  • 插入排序算法(C++版)
  • Tracking vs. No-Tracking Queries
  • Centos7安装frps实现内网穿透
  • cryptopp Base64Encoder \n问题
  • 一种艺术风格的神经算法:总结与实现
  • 【Mysql系列】Mysql基础篇
  • C++面试题之C++中的指针参数传递和引用参数传递
  • [Android]Unresolved reference: appcompat
  • 网络运维Day14
  • Mac常用软件安装
  • node 文件上传操作(前端 form表单上传 formData上传 后端 node 使用express+multer)
  • 容器数据卷+MYSQL实战
  • 开发者测试2023省赛--UnrolledLinkedList测试用例
  • HoudahGeo 6 for Mac:掌控地理位置信息的强大工具
  • Xilinx Artix7-100T低端FPGA解码MIPI视频,基于MIPI CSI-2 RX Subsystem架构实现,提供工程源码和技术支持
  • C与汇编深入分析
  • MySQL中外键的使用及外键约束策略
  • Home Assistant使用ios主题更换背景
  • 深入了解鼠标光标的设置过程
  • 数据结构-散列表
  • 一款IT团队都在用的私有化知识库,技术开放,还开源了!
  • 解决 docker compose 官方 MySQL 镜像在容器中不能输入中文的问题
  • 基于连续Hopfield神经网络优化——旅行商问题优化计算
  • SpringBoot整合Activiti7——定时器事件(九)