11.19日音讯,css的优先级介绍知识一览

　　11.19日音讯,css的优先级介绍知识一览。大家知识css是有优先级的，有的会被安排的顺序高一些，有的则在下面，这就要求我们，不但要掌握它们优先顺序也要明白如何才能运用的恰如其分。

　　1.多个选择器可能会选择同一个元素，有3个规则，从上到下重要性降低：

　　！important的用户样式

　　！important的作者样式

　　作者样式

　　用户样式

　　浏览器定义的样式

　　2.

　　CSS规范为不同类型的选择器定义了特殊性权重，特殊性权重越高，样式会被优先应用。

　　权重设定如下：

　　html选择器，权重为1；

　　类选择器，权重为10；

　　id选择器，权重为100；

　　这里还有一种情况：在html标签中直接使用style属性，这里的style属性的权重为1000；

　　即如下情况：

　　#x34y{color:red}

　　<.pid=x34ystyle="color:green">优先选择style=""设定的样式。

　　例子：

　　h1{color:blue}权重为1

　　pem{color:yellow}权重为2

　　.warning{color:red}权重为10

　　p.noteem.dark{color:grag}权重为22

　　#main{color:black}权重为100这里还有一种情况：

　　权重一样时如何处理？

　　3.CSS样式的层叠原则——谁离我近，谁说了算。

　　当权重一样时，会采用“层叠原则”后定义的会被应用。

　　如：p{color:yellow}

　　p{color:red}

　　作用到这里<.p>我的什么颜色呢？

　　结果会是red的。

　　4.CSS样式的特殊标记——谁有特权，谁说了算。如果有人看不顺眼，非得要自己说了算，那可以搞点特权，如下即可p{color:blue!important;}加上!important;可将自己权重设为最高。