目录
一、基本选择器
二、属性选择器
三、伪类伪元素选择器
一、基本选择器
* | 通配 |
tag | 标签 |
class | 类 |
id | id |
空格 | 后代 |
> | 直接子集 |
+ | 下一个相邻兄弟 |
~ | 后面所有兄弟 |
, | 群组 |
二、属性选择器
1、[属性名] 按属性名查找
2、[属性名=属性值] 按属性名和属性值匹配查找
3、[属性名^=属性值] 按属性名和属性值开头匹配查找
4、[属性名$=属性值] 按属性名和属性值结尾匹配查找
5、[属性名*=属性值] 按属性名和包含属性值匹配查找
6、[属性名~=属性值] 按属性名和通配包含属性值(多属性值)匹配查找
三、伪类伪元素选择器
超链接
:link | 未连接 |
:visited | 已访问 |
:hover | 鼠标经过 |
:active | 鼠标按下后松开 |
表单
:focus | 表单元素获取焦点 |
:enabled | 激活表单元素 |
:disabled | 失活表单元素 |
:checked | 勾选表单元素 |
nth
first-child(第一个),last-child(最后一个) 先找位置后匹配元素
first-of-type(第一个),last-of-type(最后一个)先找元素后匹配位置
nth-child(正序),nth-last-child(倒序)按位置找
nth-of-type(正序),nth-last-of-type(倒序)按类型找
only-child(仅仅一个子元素,不能多个),only-of-type(仅仅一个类型的子元素,可多其他)
emoty(无子元素 )
伪元素
:before | 前伪元素 |
:after | 后伪元素 |
:first-line | 第一行 |
:first-letter | 第一个字符 |
:selection | 鼠标拖拽选择文本 |