a:link |
链接(link)伪类 |
选择一个用户没有访问过的链接 |
a:visited |
链接(link)伪类 |
选择一个用户访问过的链接 |
a:hover |
行为性伪类 |
选择一个用户将鼠标指针悬浮在上方的元素 |
a:active |
行为性伪类 |
选择一个用户使用中的元素 |
a:focus |
行为性伪类 |
选择一个拥有用户焦点的元素 |
input:enabled |
状态性伪类 |
选择一个处于可编辑状态(默认)下的元素 |
input:disabled |
状态性伪类 |
选择一个通过设置disabled属性而处于不可编辑状态下的元素 |
input:checked |
状态性伪类 |
选择一个被选中的单选或者复选按钮 |
input:indeterminate |
状态性伪类 |
选择一个处于不确定状态下的单选或者复选按钮(可能被选中或者不被选中) |
li:first-child |
结构性伪类 |
选择父元素下的第一个子元素 |
li:last-child |
结构性伪类 |
选择父元素下的最后一个子元素 |
div:only-child |
结构性伪类 |
如果某个元素是它父元素中惟一的子元素,那么将会被匹配 |
p:first-of-type |
结构性伪类 |
选择父元素中同类型的第1个子元素 |
p:last-of-type |
结构性伪类 |
选择父元素中同类型的最后一个子元素 |
img:only-of-type |
结构性伪类 |
若元素为父元素中同类型的唯一元素,则会被匹配 |
li:nth-child(2n+3) |
结构性伪类 |
当父元素中子元素的序列匹配所给数字时会被选中,会以文档树开头作为起点,来计算所有元素 |
li:nth-last-child(3n+2) |
结构性伪类 |
当父元素中子元素的序列匹配所给数字时会被选中,会以文档树开头作为起点,来计算所有元素 |
p:nth-of-type(3n) |
结构性伪类 |
当父元素中子元素的序列匹配所给数字时会被选中,会以文档树开头作为起点,只计算文档树中给定类型的元素 |
p:nth-last-of-type(2n+1) |
结构性伪类 |
当父元素中子元素的序列匹配所给数字时会被选中,会以文档树开头作为起点,只计算文档树中给定类型的元素 |
section:target |
目标伪类 |
选择URI片段标示符的值指向的元素 |
div:empty |
空伪类 |
选择没有任何子元素或者文本的元素 |
div:not(.awesome) |
否定伪类 |
选择不匹配某个状态标示符的元素 |