CSS(第一部分)

css选择器的分类:
1.常用的选择器：
元素选择器（根据标签名来选）、
id选择器(是一个元素的唯一标识) 、
class选择器(也被称为类选择器，class可以重复使用，可以用在多个元素中)、
通配选择器: *
2.复合选择器：
交集选择器–选择器1选择器2选择器n{}–注意中间没空格(交集选择器中如果有元素选择器必须以元素选择器开头)
并集选择器—选择器1，选择器2{}
3.关系选择器
父元素
子元素
祖先元素
后代元素
兄弟元素
子元素选择器:父元素>子元素{}
后代元素选择器:祖先 后代{}选择祖先元素中的所有子元素–祖先与后代之间有空格
选择下一个兄弟选择器: 兄元素名+弟元素名{}选中的是弟元素
选择下边所有的兄弟元素:兄~弟{}
4.属性选择器
元素名[属性名]{}，不写属性名默认是选中所有元素
元素名[属性名=属性值]{}完全符合
元素名[属性名^=属性值]{}以指定属性值开头的元素（$已指定属性值结尾）
元素名[属性名*=属性值]{}属性值中含有某值的元素
5.伪类选择器
用来描述一个元素的特殊状态，如，第一个子元素，被点击的元素鼠标移入的元素
伪类的特点:一般使用冒号开头
:first-child:默认选中第一个子元素
:last-child：最后一个子元素
:nth-child(n):第n个子元素,n的范围0-正无穷，2n/even 选中偶数位的元素，2n+1或者odd 表示选中奇数位的元素
:first-of-type–写法:元素名:first-of-type
:last-of-type–同上
:nth-of-type–同上
这几个伪类的功能和上述的类似，不同点是他们是在同类型元素中进行排序
:not()否定伪类，将符合条件的元素从选择器中去除
6.超链接的伪类（主要针对a标签的）
:link表示的是一个没访问过的链接
:visited:表示的是访问过的链接，由于隐私原因，所以这个伪类只能修改链接颜色
:hover:表示鼠标移动
:active:鼠标点击

前两个是a标签独有的，后两个则也可以给其他元素使用
7.伪元素
伪元素表示页面中一些特殊的并不真实的存在的元素(特殊的位置)
::first-letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容
::before 元素的开始
::after 元素的最后
–before 和 after必须结合content