CSS之伪类

1.UI伪类,会在HTML元素处于某个状态时,为该元素应用CSS样式。注意:有些伪类可以用于任何元素,而不仅仅是a元素。

*链接伪类:

Link:链接在哪里等着用户点击

Visited:用户在此前点击过这个链接

Hover:鼠标正悬停的链接上

Active:链接正在被点击(鼠标在元素上按下,还没有释放)

需要按照这里列出的顺序使用它们,当然也不一定非要把所有的4个状态都写出来。要发挥这些链接伪类的真正作用,还是得把它们用到上下选择符中,这样,就可以让不同区块内的链接具有不同的外观和行为了。


*e:focus伪类


*e:target伪类

如果用户点击一个指向页面中其他元素的链接,则那个元素就是目标(target),可以用target:伪类选中它。

<a href="#info"> information</a>

#info:target {background:red;}


2.结构化伪类,会在标记中存在某种结构生的关系时(如某个元素是一组元素中的第一个或者最后一个),为相应的元素应用CSS样式。

*e:first-child和e:last-child


*e:nth-child(n),n可以表示一个数值也可以用odd或even(最长用于提高表格的可读性,比如对表格的所有行交替使用不用的颜色)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值