首页 > Web开发 > 详细

css伪类选择符

时间:2019-04-22 14:40:50      阅读:105      评论:0      收藏:0      [点我收藏+]

1):link/:visited/:hover/:active (爱恨原则 love/hate)
2):first-child/:last-child/:only-child/:nth-child(n) n从1开始
3)E :nth-last-child(n) 匹配父元素的倒数第n个子元素E,假设该子元素不是E,则选择符无效。
4):first-of-type 以父元素为参照,选择器匹配属于其父元素的特定类型的首个子元素的所有元素。

5)标签 : only-of-type , 以父元素为参照,匹配只含有一个目标元素的元素,该元素样式改变
6)标签 : nth-of-type(n) , 以父元素为参照,匹配位置在父元素中第n个目标元素的所有元素,该元
素样式改变。
7)标签 : nth-last-of-type(n) ,以父元素为参照,匹配位置在父元素中倒数第n个目标元素的所有元
素,该元素样式改变。
8) E:empty
匹配没有任何子元素(包括text节点)的元素E。
9)E:checked
匹配用户界面上处于选中状态的元素E。(用于input type为radio与checkbox时)
10) E:enabled
匹配用户界面上处于可用状态的元素E。
11) E:disabled
匹配用户界面上处于禁用状态的元素E。
12)E:target
匹配相关URL指向的E元素。
13)E:not(s)
匹配不含有s选择符的元素E。
14)E:before/E::before
设置在对象前(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用,并且必须定义content属性
15)E:after/E::after
设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用,并且必须定义content属性

css伪类选择符

原文:https://www.cnblogs.com/lmxHome/p/10749974.html

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