<body>
<div class ='a'>a</div>
<div class = 'b'>b</div>
<div class = 'c'>c</div>
</body>
.a + div {
background:rgba(255,0,0,.3);
}
class='a'的下一个div改变样式,c的样式不改变
.a ~ div{
background:rgba(0,255,0,.3);
}
a以下所有的div都会被选中(a不包括)
<body>
<div class ='a'>a</div>
<div class = 'b'>b</div>
<div class = 'c'>c</div>
</body>
.a + div {
background:rgba(255,0,0,.3);
}
class='a'的下一个div改变样式,c的样式不改变
.a ~ div{
background:rgba(0,255,0,.3);
}
a以下所有的div都会被选中(a不包括)