首页 前端知识 css 选择器 匹配第一个同名class元素

css 选择器 匹配第一个同名class元素

2024-01-29 14:01:04 前端知识 前端哥 59 270 我要收藏

如果是获取子元素的第一个,不区分class 可以用 first-child

.demo div:first-child{
color:red;
}
<div class="demo">
<div class="test">a</div>
<div class="test">b</div>
<div class="test">c</div>
<div class="test">d</div>
<div class="test">e</div>
<div class="test">f</div>
</div>
复制

如果是class 名,可以这样写 ,当要选择的c是连续的可以 用+ 号,不连续的必须用 ~

.demo .c:not(.c ~ .c) {
color:red;
}
<div class="demo">
<div class="b">1</div>
<div class="b">2</div>
<div class="c">3</div>
<div class="c">4</div>
<div class="d">d</div>
<div class="c">5</div>
<div class="c">6</div>
</div>
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/769.html
标签
scss
评论
还可以输入200
共0条数据,当前/页
发布的文章

HTML5 css3课后习题【一】

2024-02-10 19:02:20

css3 table表格

2024-02-10 19:02:01

CSS 基础知识 选择器

2024-02-10 19:02:50

float,flex和grid布局

2024-02-10 19:02:41

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