CSS 优先级法则：

最新推荐文章于 2019-02-16 01:03:34 发布

天亮说-〉晚安

最新推荐文章于 2019-02-16 01:03:34 发布

阅读量327

点赞数

分类专栏： css3 html5 文章标签： css html5

css3 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

html5

9 篇文章 0 订阅

订阅专栏

A 选择器都有一个权值，权值越大越优先；

B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；

C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式；

D 继承的CSS 样式不如后来指定的CSS 样式；

E 在同一组属性设置中标有“!important”规则的优先级最大；示例如下：

 
  <html>
   <head>
     <style type="text/css">
      #redP p{
         /*两个color属性在同一组*/
         color:#00f !important; /* 优先级最大 */
         color:#f00;
      }
     </style>
   </head>
   <body>
      <div id="redP">
        <p>color</p>
        <p>color</p>
      </div>
   </body>
 </html>
 

优惠劵

天亮说-〉晚安

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 优先级法则：

A 选择器都有一个权值，权值越大越优先；B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式；D 继承的CSS 样式不如后来指定的CSS 样式；E 在同一组属性设置中标有“!important”规则的优先级最大；示例如下：html>
复制链接

扫一扫