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

相关推荐
掘金安东尼12 分钟前
Vercel:我们为 React2Shell 发起了一项价值 100 万美元的黑客挑战
前端·javascript·github
掘金安东尼15 分钟前
浏览器处理Base64数据的速度有多快?
前端·javascript·github
掘金安东尼15 分钟前
为不同场景设计多样化的页面过渡动画
前端·javascript·github
elangyipi12322 分钟前
2025 搜索优化新革命:GEO 正在悄然取代 SEO?
前端·人工智能
持续升级打怪中22 分钟前
深入解析深浅拷贝:原理、实现与最佳实践
开发语言·前端·javascript
我有一棵树22 分钟前
空值合并运算符 ?? ,|| 的替代方案
前端·javascript
Apifox23 分钟前
Apifox 12 月更新| AI 生成用例同步生成测试数据、接口文档完整性检测、设计 SSE 流式接口、从 Git 仓库导入数据
前端·后端·测试
禾叙_27 分钟前
【NIO】ByteBuffer
前端·html·nio
chilavert31828 分钟前
技术演进中的开发沉思-278 AJax :Rich Text(上)
前端·javascript·ajax
Jay丶32 分钟前
*** 都不用tailwind!!!哎嘛 真香😘😘😘
前端·javascript·react.js