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

相关推荐
酒尘&几秒前
JavaScript官网Promise篇
开发语言·前端·javascript·前端框架·交互
tangdou36909865518 分钟前
AI真好玩系列-Three.js手势控制游戏开发教程 | Interactive Game Development with Three.js Hand Con
前端·人工智能·ai编程
七夜zippoe20 分钟前
基于ReAct框架的智能体构建实战 - 从原理到企业级应用
前端·javascript·react.js·llm·agent·react
qinyuan1521 分钟前
使用husky和fabric规范git提交的注释
前端·后端
T___T22 分钟前
偷看浏览器后台,发现它比我忙多了
前端·浏览器
alamhubb22 分钟前
vue也支持声明式UI了,向移动端kotlin,swift看齐,抛弃html,pug升级版,进来看看新语法吧
前端·javascript·前端框架
毕设源码-邱学长23 分钟前
【开题答辩全过程】以 基于web的心理测评系统的设计与实现为例,包含答辩的问题和答案
前端
Composure25 分钟前
在 UmiJS + Vue 3 项目中实现 WebP 图片自动转换和优化
前端·javascript
我是苹果,不是香蕉28 分钟前
【python调用edge driver报错】
前端·edge
Neptune134 分钟前
js入门指南之Promise:从''承诺''到理解,告别回调地域
前端·javascript