1、id选择器
一对一关系
<div id="only">123</div>
#only{
background-color:black;
}
2、class选择器
多对多关系
<div class="demo1 demo2">123</div>
.demo1{
}
.demo2{
}
3、标签选择器
<div>123</div>
<div>456</div>
div{
background-color:black;
}
4、通配符选择器
<span>123</span>
<div>234</div>
<strong>1111</strong>
*{
background-color:green;
}
5、属性选择器
<div id="only" class="demo">123</div>
[id]{
}
[class]{
}
[id="only"]{
}
6、标签选择器优先级
!important>行间样式>id>class=属性选择器>标签选择器>通配符选择器
7、css权重（重点）
!important Infinity（正无穷）
行间样式 1000 //这些数值是256进制
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
<div style="background-color:red;">123</div>
div{
background-color:green;!important
}
posted on
