当使用不同的选择器选中同一个元素，并且设置相同的样式时，这时样式之间产生了冲突，最终到底采用哪个选择器定义的样式，由选择器的优先级决定，优先级高的优先显示。
优先级规则：
内联样式，优先级 1000
id选择器，优先级 100
类和伪类，优先级 10
元素选择器，优先级 1
通配，优先级 0
继承的样式， 没有优先级
注意：可以在样式的最后，添加一个！important,则此时该样式将会获得一个最高的优先级，将会优先于所有的样式显示。但在开发中尽量避免使用。
eg：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.p2{
background-color: red;
}
p{
background-color: yellow;
}
#p1{
background-color: green;
}
</style>
</head>
<body>
<p id="p1" class="p2">明月几时有？把酒问青天。</p>
</body>
</html>
2.标签a的伪类优先级相同，一般书写顺序为：
link
visited
hover
active
扫一扫
65
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
