首页 > 其他 > 详细

伪类简说

时间:2016-08-10 12:40:04      阅读:239      评论:0      收藏:0      [点我收藏+]

状态类

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

 

伪类简说

原文:http://www.cnblogs.com/zhiwudenengliang/p/5754892.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!