Question

css选择器的优先级

在学css的时候书上说p.bright {color:yellow;} 1 + 10 = 11
p.bright em.dark {color:brown;} 1 + 10 + 1 + 10 = 22
也就是前一个的优先级比后一个低，这种高低关系是怎么体现出来的？<p class="bright></p>会使用高优先级的那个吗，如果不是。高低关系说明什么？举个例子

Answer 1

就是根据定义的前后顺序来的，后面的优先于前面的
比如：
.aaa{width:100px;}
.aaa{width:200px;}
.bbb{width:300px;}

<div class="aaa bbb"></div>
这个div只会引用到最后一个width:300px

Answer 2

原则一 - 继承不如指定。
原则二 - #ID > .class > 标签选择符。
原则三 - 越具体越强大。
原则四 - 标签#id >#id ; 标签.class > .class。
原则五 - 原则一 > 原则二 > 原则三 > 原则四。

选择器 数值
h1 {color:blue;} 1
p em {color:purple;} 1 + 1 = 2
.apple {color:red;} 10
p.bright {color:yellow;} 1 + 10 = 11
p.bright em.dark {color:brown;} 1 + 10 + 1 + 10 = 22
#id316 {color:yellow} 100

Answer 3

1.行内第一如:<div style="color:#000"></div>
2.页面内的代码第二如: <style>...</style>
3.id选择器第三如#id
4.class最后如: .class

Answer 4

直接百度下··css优先级认真看看就好···

追问

你别来打上这几个字你就不舒服吗

追答

好的··蛋疼··