码迷,mamicode.com
首页 > Web开发 > 详细

css 优先级 机制

时间:2016-08-04 22:59:18      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:

多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。

一般情况下,优先级如下:

(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style

 

有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。

 

选择器的优先权--->权值

内联样式---1000;

ID选择器----100;
class选择器---10;

标签选择器-------1;

 

 

 

CSS 优先级法则:

 

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 优先级 机制

标签:

原文地址:http://www.cnblogs.com/vali/p/5738667.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!