伪类

:active用户激活(例如单击)元素时匹配。
:any-link匹配链接的状态:link:visited状态。
:blank匹配输入值为空的<input>元素
:checked匹配处于选定状态的单选按钮或复选框。
:current匹配当前显示的元素或元素的祖先。
:default匹配一组相似元素中的默认UI元素。
:dir根据其方向性(HTML [dir](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)属性或CSS [direction](https://developer.mozilla.org/en-US/docs/Web/CSS/direction)属性的值)选择元素。
:disabled匹配处于禁用状态的用户界面元素。
:empty匹配除了可选的空格之外没有子元素的元素。
:enabled匹配处于启用状态的用户界面元素。
:firstPaged Media中,匹配第一页。
:first-child匹配其兄弟姐妹中的第一个元素。
:first-of-type匹配其兄弟姐妹中属于某种类型的元素。
:focus元素具有焦点时匹配。
:focus-visible当元素具有焦点并且焦点应该对用户可见时匹配。
:focus-within匹配具有焦点的元素以及具有焦点的后代的元素。
:future匹配当前元素之后的元素。
:hover当用户将鼠标悬停在元素上时匹配。
:indeterminate匹配其值处于不确定状态的UI元素,通常是复选框
:in-range当值在范围内时,匹配具有范围的元素。
:invalid匹配<input>处于无效状态的元素,例如an 。
:lang匹配基于语言的元素(HTML lang属性的值)。
:last-child匹配其兄弟姐妹中最后一个元素。
:last-of-type匹配其兄弟姐妹中最后一种元素。
:leftPaged Media中,匹配左侧页面。
:link匹配未访问的链接。
:local-link匹配指向与当前文档位于同一站点中的页面的链接。
:is()匹配传入的选择器列表中的任何选择器。
:not匹配与作为值传递给此选择器的选择器不匹配的内容。
:nth-child匹配兄弟姐妹列表中的元素 - 兄弟姐妹与形式的公式匹配(例如2n + 1将匹配元素1,3,5,7等等所有奇数的。)
:nth-of-type匹配特定类型的兄弟姐妹列表中的<p>元素(例如元素) - 兄弟姐妹通过形式的公式匹配(例如2n + 1将匹配该类型的元素,数字1,3,5, 7等所有奇数。)
:nth-last-child匹配兄弟姐妹列表中的元素,从末尾向后计数。兄弟姐妹用一个形式的公式匹配(例如2n + 1将匹配序列中的最后一个元素,然后是之前的两个元素,然后是之前的两个元素,等等。所有奇数,从末尾开始计算。)
:nth-last-of-type匹配来自特定类型(例如<p>元素)的兄弟列表中的元素,从末尾向后计数。兄弟姐妹用a 形式公式匹配(例如2n + 1将匹配序列中该类型的最后一个元素,然后是之前的两个元素,然后是之前的两个元素,等等。所有奇数,计数从最后。)
:only-child匹配没有兄弟姐妹的元素。
:only-of-type匹配一个元素,它是兄弟姐妹中唯一的一个元素。
:optional匹配表单不需要的元素。
:out-of-range当值超出范围时,匹配具有范围的元素。
:past匹配当前元素之前的元素。
:placeholder-shown匹配显示占位符文本的输入元素。
:playing匹配表示当该元素“正在播放”时能够“播放”或“暂停”的音频,视频或类似资源的元素。
:paused匹配表示当该元素“暂停”时能够“播放”或“暂停”的音频,视频或类似资源的元素。
:read-only如果元素不是用户可更改的,则匹配元素。
:read-write如果元素是用户可更改的,则匹配元素。
:required匹配表单所需的元素。
:rightPaged Media中,匹配右侧页面。
:root匹配作为文档根目录的元素。
:scope匹配作为范围元素的任何元素。
:valid匹配<input>处于有效状态的元素(如元素)。
:target如果元素是当前URL的目标(即,如果它具有与当前URL片段匹配的ID ),则匹配该元素。
:visited匹配访问过的链接。

伪元素

::after匹配在原始元素的实际内容之后出现的可设置样式元素。
::before匹配在原始元素的实际内容之前出现的可设置样式元素。
::first-letter匹配元素的第一个字母。
::first-line匹配包含元素的第一行。
::grammar-error匹配包含语法错误的文档的一部分,如浏览器标记的那样。
::selection匹配已选择的文档部分。
::spelling-error匹配包含由浏览器标记的拼写错误的文档的一部分。
02-01 04:36
查看更多