CSS的三大特性之层叠性
概念：此特性是浏览器处理冲突的一个特性，如果一个属性沱工多个选择器设置到容一个元素上面，那么这个时候就会只有一个选择器起作用，而其他的选择器都将被层叠的部分去掉，这里需要考虑优先级相同和不同的两种特性：本次实例不考虑优先级别。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>inherited</title>
<style>
body{
color: red;
}
div{
color: green;
}
h1{
color: purple;
}
p{
color: blue;
}
</style>
</head>
<body>
<div>
<h1>这个是标题</h1>
<p>香皂</p>
</div>
</body>
</html>
调试结果
调试结果分析：
body的设置颜色是red，div的颜色是green，h1的颜色是purple，p的颜色是blue， 最后得到的显示结果是h1和拍吧body和div的颜色过滤掉啦
转载请注明原文地址: https://ju.6miu.com/read-968456.html
