css3 伪类选择器和伪元素

动态伪类选择器:
:link 访问前
:visited 访问后
:hover 鼠标移到上面
:active 点击的时候

UI元素状态伪类选择器:
:enable 可用
:disable 不可用

结构伪类选择器:
:first-child 选择某个元素的第一个子元素
:last-child 选择某个元素的最后一个子元素
:nth-child() 选择某个元素的一个或多个特定的子元素,括号中可填带n的表达式来达到隔特定行换色的效果,也可填odd(奇数)和even(偶数),n+k表示从k隔开始全选。
:nth-last-child() 选择某个元素的一个后多个特定的子元素(从这个元素的最后一个元素开始算)
:nth-of-type()选择指定的元素,基本同上,但只限当前标签
:nth-last-of-type()选择指定的元素,从元素的最后一个开始计算
:first-of-type选择一个上级元素下的第一个同类子元素(只限定当前标签)
:last-of-type选择一个上级元素的最后一个同类子元素
:only-child选择的元素是它的父元素的唯一一个子元素
:only-of-type选择一个元素是它的父元素的唯一一个相同类型的子元素
:empty选择的元素里面没有任何内容

伪元素
:first-letter 将特殊的样式添加到文本的首字母
:first-line 将特殊的样式添加到文本的首行
:before 在某元素之前插入某些内容(必须有属性content)
:after 在某元素之后插入某些内容(必须有属性content)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值