1.标签选择器

标签名 {属性1: 值1;属性2: 值2;}
举例子
div{
width: 20px;
height:20px;
border:1px solid;
}

2.类选择器

.box {
font-size:12px;
}
<div class="box">内容</div>
**注意类名不可以是中文或者纯数字

3.多类名选择器

.red {
color: red;
}
.ft12 {
font-size: 12px;
}
.ft14 {
font-size: 14px;
}

<div class="red ft12">内容</div>
<div class="red ft14">内容</div>

4.id选择器

id选择器的使用方式和类选择器基本一致
声明id #自定义id名字 {属性1:值1;属性2:值2;}
调用id 给对应的元素添加属性 id="自定义id"

box {

font-size:12px;

}

<div id="box">内容</div>
特点：id选择器一般配合后期的JS使用较多，效果和类选择器一样，只不过是类选择器可以被多个元素调用，但是id选择器只能被一个元素调用 在同一个页面中吗，不能出现两个id值相同的元素

5.通配符选择器

• {
  属性1: 值1;
  属性2：值2;
  }
  特点：选中任何元素，后期用于页面初始化。

6.伪类选择器

a:link 没有被访问的时候的状态
a:visited 访问之后的状态
a:hover 鼠标移动上去之后的状态
a:active 鼠标按下的状态

a {}
a:hover {}
伪类不占DOM树的空间不出现在html标签之中