码迷,mamicode.com
首页 > 其他好文 > 详细

伪类简说

时间:2016-08-10 12:40:32      阅读:150      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!