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

相关推荐
Amumu1213812 小时前
Vuex介绍
前端·javascript·vue.js
We་ct12 小时前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_9494800613 小时前
【无标题】
开发语言·前端·javascript
css趣多多13 小时前
Vue过滤器
前端·javascript·vue.js
理人综艺好会14 小时前
Web学习之用户认证
前端·学习
We་ct14 小时前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表
weixin_3954489114 小时前
main.c_cursor_0129
前端·网络·算法
2401_8590490815 小时前
git submodule update --init --recursive无法拉取解决
前端·chrome·git
这是个栗子15 小时前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说15 小时前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js