CSS基础篇（二）

你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！
最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。
废话不多说，上干货
基础选择器
1.通用选择器：匹配页面中所有的元素
*{样式声明；} ——效率低，尽量少用
2.元素选择器：定义页面某一标签的默认样式
元素{样式声明；}
3. 类选择器：由CSS定义好，可以被任意标记的class属性值进行引用的选择器
.类名{样式声明；}
类名：
（1）不能以数字开头 （2）不能用除_,-的其他特殊符号

[1] 引用方式——多类选择器的引用
可以将多个类选择器，同时运用在一个元素 < any class=“class1 class2 class3”>
[2]定义方式——分类选择器的定义
将元素选择器和类选择器结合起来使用，从而实现对某种元素不同样式的细分
元素选择器.类选择器{样式声明……}
4.ID选择器
#ID值{样式声明；}
5.群组选择器 ：选择器声明是以[,]隔开的选择器列表
选择器1，选择器2，选择器3，……{样式声明；}
6.后代选择器
只要具备层级关系的元素，被嵌套的都可以称为 后代元素
选择器1 选择器2{样式声明；}
7.子代选择器
只具备一层关系的元素，被嵌套的称为 子代元素
8.伪类选择器
匹配页面元素的不同状态的选择器
（1）链接伪类
【1】link 匹配尚未被访问的超链接状态
【2】visited 匹配访问后的超链接的动态
伪类{} #haha：link{} 匹配页面id为haha的未被访问过的样式
（2）动态伪类
1. ：hover 鼠标悬停在元素上的状态
2. ：active 匹配元素被激活的状态
3. ：focus 匹配元素获取焦点时的状态（text，password，textarea）

阿雨知道这些都是人尽皆知，但是对于一些刚接触前端的小白还是有莫大帮助的，希望小编分享的能给你带来些许帮助，继续关注阿雨，阿雨会给大家带来更多的干货，即便是阿雨未曾涉及的领域，也可以和你侃侃而谈。