CSS层叠性
程序员文章站
2022-06-04 14:40:54
...
概念：
所谓层叠性是指多种CSS样式的叠加。
是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性 层叠掉
- 原则：
- 样式冲突，遵循的原则是**就近原则。** 那个样式离着结构近，就执行那个样式。
- 样式不冲突，不会层叠
代码实录
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
div{
color: #000000;
font-size: 30px;
}
div{
color: #FFFF00;
}
</style>
<body>
<div>
测试版本
</div>
</body>
</html>