第十八节 css3动画之css权重
2021-04-06 20:27
标签：bsp before 提高 html 一个 span div 覆盖 红色 第十八节 css3动画之css权重 标签：bsp before 提高 html 一个 span div 覆盖 红色 原文地址：https://www.cnblogs.com/kogmaw/p/12492536.html 1
11 DOCTYPE html>
12 html lang="en">
13 head>
14 meta charset="UTF-8">
15 title>Documenttitle>
16 style type="text/css">
17 .box{
18 color: red; /* 权重小于内联的style，显示蓝色，可以在后面加一个!important提高其权重 */
19 color: red!important;
20 }
21
22 /* body #content .main_content h2{
23 color: red; /* 可以通过在最前面添加一个body标签增加权重让其显示红色 */
24 }*/
25
26 #content div.main_content h2{
27 color: red; /* 或者通过在main前面加一个div增大其权重，让其显示红色 */
28 }
29
30 #content .main_content h2{
31 color: blue;
32 }
33 style>
34 head>
35 body>
36 div class="box" style="color: blue">这是一个div元素div>
37
38 div id="content">
39 div class="main_content">
40 h2>这是一个好h2标题h2>
41 div>
42 div>
43 body>
44 html>