本文介绍了CSS中的基本选择器，包括标签选择器、ID选择器、类选择器和通用选择器，以及它们的优先级。此外，还讨论了包含选择器如子代和后代选择器，属性选择器的不同匹配方式，和伪类选择器在鼠标交互中的应用，如链接状态。最后提到了伪元素选择器，如`::before`和`::after`，并强调使用时需添加`content`属性。
1.基本选择器
标签选择器（根据标签的名称获取）
ID选择器（获取的是ID属性）用法： #"id值"
类选择器 （class属性）用法：."class值"
通用选择器（通配符）用法：*
优先级：ID > class > 标签> 通配符
2.包含选择器
子代选择器（获取的是某个标签的第一级子标签）
后代选择器（获取的某个标签里面所有的子标签）
分组选择（逗号选择器，可以同时设置多个标签，使用逗号进行分割）
3.属性选择器
写出各种属性值：
1.*用于写包含某个值
2.^用于写以某个属性值开头
3.$用于写以某个属性值结尾
4.+表示下一个标签
4.伪类选择器
用于鼠标的交互
:link ------ 链接点击之前
:visited ----- 链接点击之后
:hover ------"悬停"
:active ------"激活" 鼠标点击的时候但是不松手
四种状态的顺序最好固定，link——visited——hover——active
5.伪元素选择器
::before------- 在段落前加值
::after-------在段落后加值
注：要使用伪元素选择器一定要加上content属性
扫一扫
2166
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
