css层叠性
程序员文章站
2022-06-04 14:40:48
...
层叠性
- 含义: 多种css样式叠加,浏览器处理冲突的一种能力
- 原则: 一般情况下,若出现样式冲突,会按照CSS书写的顺序 以最后的为准,样式不冲突,不会层叠
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div {
color: red;
}
div {
color: yellowgreen;
font-size: 12px;
}
/*
div {
color: yellowgreen;
font-size: 12px;
color: red;
}
*/
</style>
</head>
<body>
<div>王者农药</div>
</body>
</html>