css---选择器

1、通用选择器
1、作用：匹配页面中所有的元素
2、语法：*{样式声明;}
3、注意
尽量少用*{}
尽可能的使用 继承性 来取代*{}
2、元素选择器
1、作用
指定页面元素的默认样式
2、语法
以元素名称来作为选择器名称
元素名{}
ex：h3{} div{}
3、类选择器
1、作用
定义好之后，可以由任意标记通过class属性来进行引用的选择器
2、语法
.类名{}
类名：
1、不能以数字开始
2、除英文、数字、_,-之外，不能包含其他特殊字符
3、尽量见名知意
引用：<ANY class="类名">
ex： .redcolor{color:red;}
3、引用方式-多类选择器
允许一个元素引用多个类选择器，引用时，选择器名称用 空格 隔开即可
语法：<ANY class="class1 class2 class3...">
4、声明方式-多类选择器
将类选择器 和 元素选择器 结合起来使用，以实现对某种元素中不同样式的细分控制
语法：
元素选择器.类选择器{}
ex：p.redcolor{font-size:48px;}
4、ID选择器
1、作用
定义 页面中 指定ID值 的元素的样式
2、语法
#idValue{样式声明;}
注意：选择器，实际上就是页面元素的id值
5、群组选择器
1、作用
选择器声明以逗号隔开的选择器列表
2、语法
选择器1,选择器2,选择器3,...{}
ex: #nav,.redcolor,.bigfont,#sec,span{
color:red;

}
id为nav的元素，class为redcolor的元素，class为bigfont的元素，id为sec的元素，页面上所有的span元素，字体颜色为 红色
6、后代选择器
后代：只要具备层级关系的元素都可以称之为后代
语法：选择器1 选择器2{ }
ex：1、要匹配 id为d1元素中的所有span元素
#d1 span{ }
2、要匹配class为redback的元素中 所有 class为bigfont的元素
.redback .bigfont{ }
7、子代选择器
子代：只具备一级层级关系的元素，称之为子代元素
语法：选择器1>选择器2{}
特点：不想匹配任意后代，而是想缩小范围
8、伪类选择器
1、作用
为了匹配元素不同的状态的
2、伪类选择器
所有的伪类选择器都是以 ：作为开始
多数会配合着其他选择器一起使用

1、链接伪类
:link,匹配尚未访问的超链接的状态
:visited,匹配访问过的超链接的状态
2、动态伪类
:hover,匹配鼠标悬停时的状态
:active,匹配元素被激活时的状态(一瞬间)
:focus, 匹配元素获取焦点时的状态(光标闪动时)

注意：
为 超链接 元素定义伪类样式时，如果链接伪类和动态伪类同时设置时，必须按照以下顺序设定
:link{}
:visited{}
:hover{}
:active{}

3、目标伪类
4、元素状态伪类
5、结构伪类
6、否定伪类
3、选择器优先级
主要看权值
元素选择器：1
类选择器：10
伪类选择器：10
ID选择器：100
内联样式：1000