(伪类)选择器

47 篇文章 0 订阅
42 篇文章 0 订阅

伪类选择器

伪类(不存在的类,特殊的类)

a)伪类用来描述一个元素的特殊状态,比如,第一个子元素、被点击的元素、鼠标移入的元素…

b)伪类一般情况下都是使用 : 开头

子元素伪类

 :first-child 			 //   第一个子元素 
 :last-child  			//  最后一个子元素 
 :nth-child( )		   //选中第 n 个子元素

以上这些伪类都是根据所有的子元素进行排序

 :first-of-type
 :last-of-type
 :nth-of-type()

这几个伪类的功能和上述的类似,不同的是他们是在同类型元素中进行排序

特殊值

特殊值:
n 表示:第n个 n的范围0到正无穷
2n 或 even 表示 :选中偶位数的元素
2n+1 或 odd 表示:选中奇位数的元素

not(否定)伪类

:not( ) 否定伪类		//将符合条件的元素从选择器中去除

hover(鼠标移入悬停覆盖)伪类

:hover 表示鼠标移入的状态

:hover{
		//表示鼠标移入的状态
}

active(鼠标点击)伪类

:active 表示鼠标点击

:active{
		//表示鼠标点击
}

超链接的伪类

:link 表示没访问过的链接(正常的链接)
:visited 表示访问过的链接

:link{
		//表示没访问过的链接(正常的链接)
}

:visited{
		//表示访问过的链接
}

由于隐私的原因,所有visited这个伪类只用来修改链接的颜色


小结

:visited放在:hover和:active后面会把这两个效果覆盖掉的

:hover必须在CSS定义中的a:link和a:visited之后才能生效

:active必须在CSS定义中的a:hover之后才能生效

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值