首页
JAVA笔记
数据库笔记
混乱记忆
小站记
您现在的位置
css选择器心得
简介: 很久没有接触css了,这里记录学习成果/心得 css选择器
css 选择器规则
.aa .cc{} 是跨越层级的,可以适配到 <div class="aa"><div class="bb"><div class="cc"></div></div></div>,并不会因为aa 和 cc之间存在bb影响适配选择(意思是 aa下的所有cc,不关心子元素层级结构)。

css 属性覆盖规则
标签内的 style 权重高于一切。
出现相同描述的选择器时页面内定义的>外部引入的
同层级权重 id引用 > class 引用 > 标签。
层级多的>层级少的
层级数相同是根据每层中的权重之和决定,若权重和相等那么久根据文档顺序决定,在文档位置靠后的权重大于文档位置靠前的(例如:
#test .cc{
background-color:blueviolet;
display: block;
width: 150px;
height: 150px;
}


.bb #test1{
background-color:blueviolet;
display: block;
width: 50px;
height: 50px;
}
<div class="bb" id="test" >
<div class="dd" >
<div class="cc" id="test1">

</div>
</div>
</div>

)。




最近更新