Day20 css

---

样式表的分类：内联样式表、内部样式表、外部样式表

普通选择器：元素选择器、id选择器、类选择器、通配符、群组选择器、后代选择器

---

伪类选择器：普通选择器：状态{属性:属性值;}

选择器的权重

---

1.什么是选择器
通过选择器选中标签
2.选中器的用法
1）元素选择器（标签选择器）
直接将标签做为选择器，选中当前html中对应的所有标签
例如：a{} -选择当前html中所有的A标签

2）id选择器
(所有标签都有一个id属性，值自己设置，但是要保证一个html中id值唯一)
将标签的id属性的值前面加#作为选择器，选择id属性值是指定值的标签
例如：#a -选中当前html中id值是a的标签

3)类选择器(class 选择器)
将标签的class属性的值前面加.作为选择器
a.一个html中相同的class值可以有多个
b.同一个标签的class属性值可以多个
例如将.a选中当前class值是a的所有标签

4）通配符
*{}

5)群组选择器
将多个选择器用逗号隔开来作为一个选择器，选中每个独立选择器对应的标签
p,a{}--选中所有的p标签和a标签
div,#a{} -选中所有的div标签和所有的id值为a的标签
#p1,.c1,.c2{} -选中id值为p1，class值为c1，c2
6）后代选择器
将多个选择器用空格隔开来作为一个选择器
div p{}-选择所有的div中所有的p标签

---

---

1.伪类选择器
普通选择器选中的是HTML中不同的标签；伪类选择器选择标签的状态
2.语法
普通选择器：状态{属性:属性值;}
1)link-初始状态
a:link 选择所有未被访问的链接，对应的状态是a标签中的链接
从来没有成功访问过
2)visited -超链接成功访问过的状态
3）hover -鼠标悬停在标签上对应的状态（不仅值超链接，还有其他的）
4)active -鼠标按住标签不放对应的状态（主要作用于在超链接和按钮）

3.选择器的权重值
权重越大优先级越高，但是内联样式表的优先级永远最高
元素选择器的权重：0001 ==1
class选择器的权重：0010==2
id选择器的权重 ：0100 ==4
伪类选择器的权重：0001 == 1
群组选择器的权重：看单独每个选择器的权重
后代选择器的权重：所有选择器的权重之和