CSS初学2---继承性和层叠性
来源:互联网 发布:淘宝美工都用什么软件 编辑:程序博客网 时间:2024/05/29 13:02
标签样式的继承,以及样式的层叠。听说层叠性这个东西去公司面试,如果在笔试阶段的话是必考的。
一、继承性,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{
}
0 0
- CSS初学2---继承性和层叠性
- CSS继承和层叠性
- CSS继承和层叠性
- CSS 中的继承性,特殊性,层叠性和重要性
- CSS的继承性,特殊性和层叠性
- CSS具有继承性、特殊性、层叠性和重要性
- CSS——继承性和层叠性
- CSS继承性及层叠性
- CSS的层叠和继承
- 02 CSS-继承和层叠
- 层叠,继承和CSS单位
- CSS样式继承和层叠
- 02 CSS-继承和层叠
- 04-CSS 选择器(基础选择器、高级选择器) CSS 的继承性和层叠性
- CSS样式----CSS的继承性和层叠性(图文详解)
- 【CSS】CSS中继承性与层叠性
- [CSS]CSS的继承性、层叠性、权重
- 样式的继承性和层叠性
- 大端和小端的学习
- 十个Chatbot框架介绍
- 网络安全可视化系列谈:西电捷通基于安全协议分析的可视化
- 1007. 素数对猜想 (20)
- SteamVR:Easy Vive(二)抛物线移动
- CSS初学2---继承性和层叠性
- android 四大应用主键之 --- Service(服务)
- 关于java线程的初次了解
- MFC 开机自启与系统托盘
- C程序
- 对称加密与非对称加密相关
- call blind 以及apply方法
- 【学习笔记】centos6.5下kafka安装使用
- TextView 加阴影