状态类
x:active 按住时
x:focus 焦点集中时
x:hover 鼠标悬停时
x:link 链接未访问之前
x:visited 链接访问之后
优先顺序应为:Link--visited--hover--active
x:lang(xx) 选择属性是lang="xx" x元素
x:not(y) 选择不含y的x元素(适用于样式复杂多变)
x:root 选择x的根元素 通常是html元素(也就是说没有x 一般都会是文档的根元素即<html>)
x:first-child 选择父元素的第一个子元素并且是x的元素
x:last-child 选择父元素的最后一个子元素并且是x的元素
x:only-child 选择父元素的唯一一个子元素并且是x的元素
x:nth-child(n) 选择父元素的第n元素并且是x的元素
x:nth-last-child(n) 选择父元素的倒数第n个元素并且是x的元素
x:first-of-type 选择同辈元素中的第一个x元素
x:last-of-type 选择同辈元素中的最后一个x元素
x:only-of-type 选择同辈元素中的唯一一个x元素
x:nth-of-type(n) 选择同辈元素中的第n个x元素
x:nth-last-of-type(n)选择同辈元素中的倒数第n个x元素
x:empty 选择没有子元素的x元素(包括内容有文本)
x:checked 选择按钮处于被选中状态的元素x(适用于input的type是radio和checkbox)
x:enabled 选中可用元素x(适用于input)
x:disabled 选择禁用的元素x(适用于input)
x:target 选择url指向的x元素(就是锚记 如果没有x 就指向哪里选哪里 不限制元素)
时间: 2024-10-17 18:42:59