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 分钟前
H5+CSS3响应式设计实战:基于Flex布局的适配方案
前端·css·css3
你说爱像云 要自在漂浮才美丽6 分钟前
【HTML5与CSS3】
前端·css3·html5
倪枫8 分钟前
CSS3——文本样式(字体样式和文本布局)
前端·css·css3
AC赳赳老秦10 分钟前
Notion+DeepSeek:搭建个人工作看板与自动化任务管理规则
前端·javascript·人工智能·自动化·prometheus·notion·deepseek
木斯佳11 分钟前
周末杂谈:Chrome CSS 2025-声明式Web的革命之年
前端·css·chrome
Dragon Wu14 分钟前
React Native KeyChain完整封装
前端·javascript·react native·react.js·前端框架
晚霞的不甘17 分钟前
Flutter for OpenHarmony 布局探秘:从理论到实战构建交互式组件讲解应用
开发语言·前端·flutter·正则表达式·前端框架·firefox·鸿蒙
朝阳3921 分钟前
CSS【模块】CSS Modules
css
运筹vivo@21 分钟前
BUUCTF: [极客大挑战 2019]BabySQL
前端·web安全·php·ctf
PieroPc33 分钟前
FastAPI 和 Html+css+js 开发的 PDF打印服务器 连接到服务器的物理打印机打印
css·html·fastapi