CSS初学2---继承性和层叠性
2016-12-13 16:24
274 查看
标签样式的继承,以及样式的层叠。听说层叠性这个东西去公司面试,如果在笔试阶段的话是必考的。
一、继承性,inherit继承的意思。
<div>
<div>
<p>这里有几个字</p>
</div>
</div>
div{
color:red;
}
p标签里面的字体会变为红色。这就是继承。
注意:不是父类所有的东西都可以继承,只能继承关于文字的,比如说:font,text,color,line.....
二、层叠性,cascading层叠的意思。
1.计算权值
ID选择器个数 类选择器个数 标签选择器个数
#a112 .class1 p,div
2.如果权值相同,下面的牛逼。
3.权值的计算上面是不会进位的,就是11个标签选择器比不上一个类选择器。
4.如果大家没有直接选中P,那么就是继承来的,谁离得近谁牛逼。
5.继承来的权值为0.
也就是说,
<div>
<div>
<div>
<div>
<div>
<p>几个字</p>
</div>
</div>
</div>
</div>
</div>
在上述内容中
div div div div div {
}
比不上
p{
}
一、继承性,inherit继承的意思。
<div>
<div>
<p>这里有几个字</p>
</div>
</div>
div{
color:red;
}
p标签里面的字体会变为红色。这就是继承。
注意:不是父类所有的东西都可以继承,只能继承关于文字的,比如说:font,text,color,line.....
二、层叠性,cascading层叠的意思。
1.计算权值
ID选择器个数 类选择器个数 标签选择器个数
#a112 .class1 p,div
2.如果权值相同,下面的牛逼。
3.权值的计算上面是不会进位的,就是11个标签选择器比不上一个类选择器。
4.如果大家没有直接选中P,那么就是继承来的,谁离得近谁牛逼。
5.继承来的权值为0.
也就是说,
<div>
<div>
<div>
<div>
<div>
<p>几个字</p>
</div>
</div>
</div>
</div>
</div>
在上述内容中
div div div div div {
}
比不上
p{
}
相关文章推荐
- CSS——继承性和层叠性
- CSS学习笔记03 CSS层叠性、继承性、特殊性
- 【CSS】CSS中继承性与层叠性
- 【WEB前端】CSS继承性和层叠性(极度重要)
- CSS三大特性继承性,层叠性,优先级
- css层叠性和继承性
- CSS入门(2)--CSS的继承性和层叠性
- CSS 三大特性: 继承性、层叠性、优先级
- CSS 中的继承性,特殊性,层叠性和重要性
- CSS继承性及层叠性
- CSS继承性和层叠性
- CSS样式----CSS的继承性和层叠性(图文详解)
- CSS的继承性和层叠性
- 浅谈CSS中的继承性,特殊性,层叠性和重要性
- CSS三大特性---层叠性,继承性,优先级
- CSS——关于继承性和层叠性的练习
- CSS具有继承性、特殊性、层叠性和重要性
- CSS学习笔记4:CSS层叠性、继承性以及权重计算
- css基础1-下划线、文本阴影、选择器、继承性、层叠性(数权重)
- CSS的两大特性之继承性和层叠性