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>`元素,并将它们的文本颜色设置为红色。

相关推荐
一水鉴天5 分钟前
整体设计 定稿 之24+ dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q208 之2)
开发语言·前端·javascript
IT_陈寒15 分钟前
Java 21新特性实战:这5个改进让我的代码效率提升40%
前端·人工智能·后端
肠胃炎24 分钟前
Chrome扩展截图功能实现
前端·chrome
二狗哈33 分钟前
Cesium快速入门17:与entity和primitive交互
开发语言·前端·javascript·3d·webgl·cesium·地图可视化
xingzhemengyou133 分钟前
python datetime模块使用
前端·python
GISer_Jing1 小时前
AI驱动营销增长:7大核心场景与前端实现
前端·javascript·人工智能
T___T1 小时前
Vue 3 做 todos , ref 能看懂,computed 终于也懂了
前端·javascript·面试
bug总结1 小时前
vue+A*算法+canvas解决自动寻路方案
前端·vue.js·算法
cindershade1 小时前
JavaScript 事件循环机制详解及项目中的应用
前端·javascript
王霸天1 小时前
🚀 告别“变形”与“留白”:前端可视化大屏适配的终极方案(附源码)
前端·javascript