伪类简说

状态类

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 就指向哪里选哪里 不限制元素)

 

posted @ 2016-08-10 11:42  昵称字符数不少于2个  阅读(111)  评论(0编辑  收藏  举报