通配符与标签!important的背景展示,也是让我怀…

2020-02-21 16:04:41来源:博客园 阅读 ()

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

通配符与标签!important的背景展示,也是让我怀疑人生了

是谁在耳边对我说!important提升权重优先级,只为这一句,我用了3600s研究通配符与标签!important的背景展示,也是让我怀疑人生了!选择器权值:标签选择器1,类选择器和伪类选择器:10,ID选择器:100,通配符选择器:0,行内样式:1000,!important 在一定条件下,优先级最高。根据百度官方介绍body是用在网页中的一种HTML标签,那就说明它是个标签呀,然而通配符选择器(曾怀疑*不是,不过通配符选择器介绍)和标签body同时定义页面背景色,展示的却是通配符定义的,咋办?曰:/*如果非在通配符定义背景的前提下,让body背景颜色正常展示,加高*/,除了body外,其他标签正常展示,适用于这个css选择器优先级!

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>通配符背景色 PK body!important的背景色</title>
 7     <style type="text/css">
 8     *{  
 9         margin: 0;
10         padding: 0;
11         background-color: cadetblue;
12     } 
13     body{
14         background-color: crimson;
15         /* border: 10px solid blueviolet; */
16         /* background-color: yellow!important; */
17         height: 500px;/*如果非在通配符定义背景的前提下,让body背景颜色正常展示,加高*/
18     }
19     div{
20         background-color: salmon;
21     }
22     p{
23     background-color: #fff;
24     }
25     div.box{
26         border: 1px dashed red;
27         background-color:#f90;
28     }
29     div#box{
30         color: #fff;
31         background-color:rgb(20, 13, 14);
32     }
33     </style>
34 </head>
35 <body>
36     <div class="box" id="box">
37         人生充满了惊喜与感动,调整好心态,做最好的自己&nbsp;&nbsp; Life is full of surprises and emotions, adjust your mindset, and be your best self
38     </div>
39     <p>web is very much!web is very much!web is very much!web is very much!web is very much!web is very much!web is very much!web is very much!</p>
40 </body>
41 </html>

原文链接:https://www.cnblogs.com/dhnblog/p/12342577.html
如有疑问请与原作者联系

标签:HTMLIE定义选择标签margin

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:11种常用css样式之background学习

下一篇:微擎小程序安装教程