您的位置:首页 > 产品设计 > UI/UE

.mui-bar-nav~.mui-content这两个class之间的~什么意思?

2016-05-31 16:45 429 查看
匹配
.mui-bar-nav
之后所有的
.mui-content
(即同级的其他类或元素)。
<!DOCTYPE html><html lang="zh-cn"><head>
<meta charset="UTF-8">
<title>Document</title>

<style>
.a ~ .b {      color: red;    }
</style></head><body>
<div class="a">a    <div class="b">b1</div>
</div>
<div class="b">b2</div>
<div class="b">b3</div></body></html>
可以看到
b1
是不变色的,
b2
b3
是会改变颜色的。

更多关于“~”资料:https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectors
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: