1.选择器

id选择器

<div id="div1">123</div>

#div1{background-color: #00BCF5;}

class选择器

 <div class="demo demo1">123</div>

.demo{   background-color:blue;}

.demo1{ color: #ff4400;}

标签选择器

<div>123</div>

div{
    background-color: #3CD5FF;
}

通配符选择器   *

属性选择器

<div id="div2">123</div>
<div id="div3">123</div>

[id]{
    background-color:yellow;
}

优先级：

！important(加在属性名后面)>行间样式>id>class|属性>标签>通配符

*CSS权重（256进制）

！important    Infinity

行间样式          1000

id                     100

class|属性|伪类  10

标签|伪元素         1

通配符                0

阅读更多