CSS 优先级法则:

转载 2015年11月19日 16:37:16

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>

css优先级总结

  • 2017年07月19日 13:04
  • 58KB
  • 下载

css优先级98908u0

  • 2011年02月22日 13:11
  • 1KB
  • 下载

css层的定位position、absolute、relative层叠加的五条叠加法则

css层的定位position、absolute、relative层叠加的五条叠加法则 from http://www.cnblogs.com/joe235/archive/2011/03/03/1...

CSS选择器权重计算及优先级

  • 2017年04月16日 22:50
  • 102KB
  • 下载

css的导入方式以及优先级 测试

  • 2017年07月22日 16:39
  • 1KB
  • 下载

读书笔记:CSS禅意花园-布局法则

设计的目标:     好的作品是能够唤起某种气氛和情感,引起欣赏者的共鸣,而正如CSS禅意花园的名字所言,应该把握它的四点设计精髓-视觉、CSS、禅、花园,真正优秀的设计应该给人平静、放松如...

css层的定位position、absolute、relative层叠加的五条叠加法则

css层的定位position、absolute、relative层叠加的五条叠加法则 貌似很多同学对为什么这个div在上层,那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上...

HTML引入CSS样式三种方法及优先级

方法     css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。有一点注意,样式表放在不同的地方,产生作用的范围不同(以下会说明)。 内联定义    内联定义,即在对象...

CSS中的多种选择器和它们的优先级

标签选择器,类选择器,id选择器,通用选择器,交集选择器,后代选择器,子代选择器,属性选择器,通用选择器 的用法,及它们的优先级...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS 优先级法则:
举报原因:
原因补充:

(最多只允许输入30个字)