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,就近原则。
如下,设置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,就近原则。
相关文章推荐
- 【CSS】CSS中继承性与层叠性
- 【WEB前端】CSS继承性和层叠性(极度重要)
- CSS——继承性和层叠性
- CSS具有继承性、特殊性、层叠性和重要性
- CSS学习笔记4:CSS层叠性、继承性以及权重计算
- css层叠性和继承性
- CSS 三大特性: 继承性、层叠性、优先级
- CSS的两大特性之继承性和层叠性
- css基础1-下划线、文本阴影、选择器、继承性、层叠性(数权重)
- CSS 的继承性、层叠性、特殊性、重要性
- CSS——关于继承性和层叠性的练习
- CSS三大特性---层叠性,继承性,优先级
- CSS初学2---继承性和层叠性
- CSS继承性和层叠性
- CSS样式----CSS的继承性和层叠性(图文详解)
- 04-CSS 选择器(基础选择器、高级选择器) CSS 的继承性和层叠性
- CSS 中的继承性,特殊性,层叠性和重要性
- CSS继承性及层叠性
- 浅谈CSS中的继承性,特殊性,层叠性和重要性
- CSS学习笔记03 CSS层叠性、继承性、特殊性