css优先级

样式的优先级

多重样式：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。

一般情况下，优先级如下：

（外部样式）  <  （内部样式）  <  （内联样式）Inline style

选择器的优先权：

1.  内联样式表的权值最高 1000；

2.  ID 选择器的权值为 100

3.  Class 类选择器的权值为 10

4.  HTML 标签选择器的权值为 1

计算方式如下：

<span style="white-space:pre">	</span>#pred p{
     <span style="white-space:pre">		</span>color:red;/*权值=100+1=101*/
<span style="white-space:pre">	</span>}

CSS 优先级法则：

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

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

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

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

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

  这里写的更详细

作者： XuGang   网名：钢钢

出处： http://xugang.cnblogs.com

声明： 本文版权归作者和博客园共有。转载时必须保留此段声明，且在文章页面明显位置给出原文连接地址！