首页 前端知识 css 选择器获取同名class 第一个或者最后一个元素(区分class)

css 选择器获取同名class 第一个或者最后一个元素(区分class)

2024-02-19 09:02:17 前端知识 前端哥 140 202 我要收藏

文章目录

  • 前言
    • html
  • 一、选择第一个元素
  • 二、选择最后一个元素


前言

区分class,选择第一个或者最后一个元素。
如果不区分class,可以使用 first-child或者last-child等;

html

<div class="a">
  <div class="b">1</div>
  <div class="b">2</div>
  <div class="c">3</div>
  <div class="c">4</div>
  <div class="c">5</div>
  <div class="c">6</div>
  <div class="d">d</div>
</div>

一、选择第一个元素

c是连续的可以 用+ 号,不连续的必须用~

.a .c:not(.c ~.c) {
    color:red;
}

二、选择最后一个元素

.c:not(.a :has(+ .c)) {
   color: blue;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/2256.html
标签
css选择器
评论
发布的文章

jquery初始化方法

2024-03-04 10:03:13

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!