小编And*_*old的帖子

CSS选择一系列即时兄弟姐妹

我有一个项目,我对标记没有任何控制权.我正在寻找一种方法来选择紧跟在'class1'实例之后的'class2'的每个实例.以下策略有效,但在某些情况下,连续存在超过20个"class2"实例,我宁愿避免代码中出现这么大的混乱.

.class1 + .class2,
.class1 + .class2 + .class2,
.class1 + .class2 + .class2 + .class2,
.class1 + .class2 + .class2 + .class2 + .class2,
.class1 + .class2 + .class2 + .class2 + .class2 + .class2
// etc.
{
  // Applied Styles
}
Run Code Online (Sandbox Code Playgroud)

......以下风格

<div class="class1"></div>
<div class="class2">Style Me!</div>
<div class="class2">Style Me!</div>
<div class="class2">Style Me!</div>
<div class="class2">Style Me!</div>
<p>Blah blah blah</p>
<div class="class2">DO NOT STYLE ME</div>
<div class="class2">DO NOT STYLE ME EITHER</div>
Run Code Online (Sandbox Code Playgroud)

css css-selectors css3

8
推荐指数
1
解决办法
408
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1