css选择器

1.  类选择器：类选择器根据类名来选择 前面以”.”来标志,元素可定义一个class的属性

语法: .属性名{属性1：属性值1；属性2：属性值2}

2. 标签选择器：一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式

3. id选择器：前面以 # 号来标志，根据元素ID来选择元素，可以定义一个id属性，id选择器具有唯一性。

语法：#属性名{属性1：属性值1；属性2：属性值2}

注：id名称不允许相同。

弊端：只能用于一个标签上，浪费资源。

4. 组选择器：针对多个样式，有同名的，有相同的样式设置就可以把它抽取出来写在一起——代码封装

语法：#属性名,属性名{属性1：属性值1；属性2：属性值2}

5. 伪类选择器：定义的是一种状态。常用的伪类选择器有hover，表示鼠标悬停在元素上时的状态。常用在连接的地方

语法：.属性名:hover{属性1：属性值1；属性2：属性值2}

　　　.属性名:{属性1：属性值1；属性2：属性值2}

6. 通用选择器：通用选择器用*来表示。

语法：*{属性1：属性值1；属性2：属性值2}