您的位置:首页 > Web前端 > CSS

css的继承性和层叠性

2018-03-18 21:12 357 查看
1.继承性,只有一些属性被子元素继承,这些属性可以继承 color,text开头,line开头,font开头,文字样式可以继承。盒子,边框,定位,布局属性不能继承
如下,设置div标签所有的p也继承color属性而变红
 div{
        color: red;

       }

<div>
        <p>段落</p> 
        <p>段落</p>
        <p>段落</p>

    </div>

2 层叠性 处理冲突的能力  面试会问
当有多个样式作用一个地方时 id最优先作用
对于复杂的选择,要看权重,id选择器几个,class选择器几个,标签选择器几个
如果权重一样,以后面为准
继承来的,权重为0
开始数权重时要先看文字最内层标签,如果没有那就是0



就近选择原则



权重问题大总结:
1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。
2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: