选择器 | 说明 |
---|---|
* | 选取所有元素 |
<type> | 选取指定类型的元素 |
.<class> | 选取指定类的元素 |
#<id> | 选取id属性为指定值的元素 |
[attr] | 选取定义了attr属性,且属性值任意的元素 |
[attr=“val”] | 选取定义了attr属性,且属性值为val的元素 |
[attr^=“val”] | 选取定义了attr属性,且属性值以val字符串打头的元素 |
[attr$=“val”] | 选取定义了attr属性,且属性值以val字符串结尾的元素 |
[attr*=“val”] | 选取定义了attr属性,且属性值包含val字符串的元素 |
[attr~=“val”] | 选取定义了attr属性,且属性值包含多个值,而其中一个为val的元素 |
[attr|=“val”] | 选取定义了attr属性,且属性值是以连字符分割的一串值,而第一个为val的元素 |
<选择>,<选择> | 选取同时匹配所有选择器的元素 |
<选择> <选择> | 目标元素为匹配第一个选择器的元素的后代,且匹配第二个选择器 |
<选择> > <选择> | 目标元素为匹配第一个选择器的元素的直接后代,且匹配第二个选择器 |
<选择> + <选择> | 目标元素紧跟在匹配第一个选择器的元素之后,且匹配第二个选择器 |
<选择> ~ <选择> | 目标元素跟在匹配第一个选择器的元素之后,且匹配第二个选择器 |
::first-line | 选取块级元素文本的首行 |
::first-letter | 选取块级元素文本的首字母 |
:before,:after | 在选取元素之前或之后插入内容 |
:root | 选取文档中的根元素 |
:first-child | 选取元素的第一个子元素 |
:last-child | 选取元素的最后一个子元素 |
:only-child | 选取元素的唯一一个子元素 |
:only-of-type | 选取属于父元素的特定类型的唯一子元素 |
:nth-child(n) | 选取父元素的第n个子元素 |
:nth-last-child(n) | 选取父元素的倒数第n个子元素 |
:nth-of-type(n) | 选取属于父元素的特定类型的第n个子元素 |
:nth-last-of-type(n) | 选取属于父元素的特定类型的倒数第n个子元素 |
:enabled | 选取已启用的元素 |
:disabled | 选取被禁用的元素 |
:checked | 选取所有选中的复选框和单选按钮 |
:default | 选取默认元素 |
:valid | 选取基于输入验证判定的有效或者无效的input元素 |
:invalid | |
:in-range | 选取被限定在指定范围之内或者之外的input元素 |
:out-of-range | |
:required | 根据是否允许使用required属性选取input元素 |
:optional | |
:link | 选取未访问的链接元素 |
:visited | 选取用户已访问的链接元素 |
:hover | 选取鼠标指针悬停在其上面的元素 |
:active | 选取当前被用户激活的元素,这通常意味着用户即将点击该元素 |
:focus | 选取获得焦点的元素 |
:not(<选择器>) | 否定选择(如选取所有不匹配<选择器>的元素) |
:empty | 选取不包含任何子元素或文本的元素 |
:lang(<语言>) | 选取lang属性为指定值的元素 |
:target | 选取URL片段标识符指向的元素 |
css学习5:选择器简明参考
最新推荐文章于 2024-08-18 22:34:17 发布