CSS3 伪类、伪元素节选

本文深入探讨网页中伪类与伪元素的使用,包括目标伪类、UI元素状态伪类、否定伪类以及伪元素的突出显示文本特性。详细解释了如何利用这些CSS特性实现更丰富的网页交互与视觉效果。

伪类:注意:伪类使用单冒号“:”

1、:target(目标伪类选择器)

实际用例:用于制作标签页。

#div1:target {
  display: block;
}

2、:disabled(UI元素状态伪类选择器)

:enabled

:checked

注意:HTML结构中要存在这种状态。

<input disabled="disabled"/>

3、:not(否定伪类)


伪元素:注意:伪元素使用双冒号“::”

注意:伪元素可用于定位文档中包含的文本,但无法在文档树中定位。

1、::selection(匹配突出显示的文本)

实际用例:网页中选中文字。

注意:该伪元素只接受两个属性:background 和 color


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值