文章目录
1.层叠性
所谓层叠性是指多种
CSS样式的叠加，它是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性覆盖掉
原则：
- 样式冲突，遵循的原则是就近原则。 哪个样式离结构近，就执行哪个样式
- 样式不冲突，不会层叠
2.继承性
子标签会继承父标签里面的某些样式，例如文本颜色和字号等
Tips：
- 恰当地使用继承可以简化代码，降低
CSS样式的复杂性
3.优先级
当同一个元素指定多个选择器，就会有
优先级的产生
原则：
- 选择器相同，则执行层叠性
- 选择器不同，则按权重
- 权重计算公式：
选择器
权重
继承或者 *
0，0，0，0
元素选择器（标签选择器）
0，0，0，1
类选择器，伪类选择器
0，0，1，0
ID选择器
0，1，0，0
行内样式style=""
1，0，0，0
！important重要的
无穷大
优先级注意点：
- 等级判断是从左到右，如果某一位数值相同，则判断下一位数值
- 继承的权重是0
- 权重可以叠加，但是永远不会有进位
权重的叠加：
如果是复合选择器，则会有权重的叠加，需要计算权重
<head>
<style>
li {
color: skyblue;
}
ul li {
color: purple;
}
.nav li {
color: red;
}
</style>
</head>
<body>
<ul class=".nav">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</body>
选择器
权重
div ul li
0,0,0,3
.nav ul li
0,0,1,2
a:hover
0,0,1,1
.nav a
0,0,1,1
总结
写到这里也结束了，在文章最后放上一个小小的福利，以下为小编自己在学习过程中整理出的一个关于 java开发 的学习思路及方向。从事互联网开发，最主要的是要学好技术，而学习技术是一条慢长而艰苦的道路，不能靠一时激情，也不是熬几天几夜就能学好的，必须养成平时努力学习的习惯，更加需要准确的学习方向达到有效的学习效果。
由于内容较多就只放上一个大概的大纲，需要更及详细的学习思维导图的 点击我的Gitee获取。
还有 高级java全套视频教程 java进阶架构师 视频+资料+代码+面试题！
全方面的java进阶实践技术资料，并且还有技术大牛一起讨论交流解决问题。
424
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
