<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>04选择器的优先级</title>
</head>
<body>
<!--
选择器的优先级:
注意:只有对相同元素设置相同样式时,我们才去讨论选择器的优先级问题
顺序:(从强到弱)
1:!important
2:行间样式
3:id选择器(#)
4:class选择器(.),伪类选择器,属性选择器
5:元素选择器,伪元素选择器
6:通配符选择器(*)
7:元素的默认样式
当元素优先级相同时,后来居上(后面代码覆盖前面代码)
对于层次选择器:这里有个值可以帮助我们迅速判定哪个层次选择器的优先级高
!important 100000
行间样式 10000
id选择器(#) 1000
class选择器(.) 100
元素选择器 10
通配符选择器(*) 1
元素的默认样式 0
对于群组选择器:各个单一选择器单独判定,互不影响.
-->
</body>
</html>