css 选择除第一个子元素之外的所有子元素

在 CSS 中可以使用**`:not`** 和**`:first-child`**的组合来选择除第一个子元素之外的所有子元素。

css 复制代码
<!DOCTYPE html>

<html lang="en">

  <head>

    <style>

      ul li:not(:first-child) {

        color: red;

      }

    </style>

  </head>



  <body>

    <ul>

      <li>第一个子元素</li>

      <li>第二个子元素</li>

      <li>第三个子元素</li>

    </ul>

  </body>

</html>

在上述代码中,使用`ul li:not(:first-child)`选择器选择了`<ul>`元素下除第一个`<li>`子元素之外的所有`<li>`元素,并将它们的文本颜色设置为红色。

相关推荐
Small-K8 分钟前
前端框架中@路径别名原理和配置
前端·webpack·typescript·前端框架·vite
bin915312 分钟前
【EXCEL数据处理】000009 案列 EXCEL单元格数字格式。文本型数字格式和常规型数字格式的区别
大数据·前端·数据库·信息可视化·数据分析·excel·数据可视化
山语山30 分钟前
C语言——文件读写操作
java·c语言·前端·microsoft·visual studio
太阳火神的美丽人生1 小时前
Vant WeApp 开启 NPM 遇到的问题总结
前端·npm·node.js
哈哈哈哈cwl1 小时前
一篇打通浏览器储存
前端·面试·浏览器
凌云行者2 小时前
使用rust写一个Web服务器——async-std版本
服务器·前端·rust
等什么君!2 小时前
JavaScript数据类型
开发语言·前端·javascript
DK七七2 小时前
【PHP陪玩系统源码】游戏陪玩系统app,陪玩小程序优势
前端·vue.js·游戏·小程序·php·uniapp
blaizeer2 小时前
深入浅出 CSS 定位:全面解析与实战指南
前端·css