CSS伪类&为元素

本文介绍了 CSS 中的伪类与伪元素的概念及应用。详细解释了 :active、:focus、:hover、:link 和 :visited 等伪类的作用,并探讨了 :first-letter、:first-line、:before 和 :after 伪元素如何增强页面布局和样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、伪类

:active 将样式添加到被激活的元素

:focus 将样式添加到被选中的元素

:hover 当鼠标悬浮在元素上方时,向元素添加样式

:link 将特殊的样式添加到未被访问过的链接

:visited 将特殊的样式添加到被访问过的链接

:first-child 将特殊的样式添加到元素的第一个子元素

:lang 允许创作者来定义指定元素中使用的语言

伪类语法:

元素名称:伪类名称{属性:值}

例:a:hover{text-decoration:underline;}

存在多个伪类时,如果鼠标放上不起作用,需要修改这些伪类状态的顺序,如 L(link)-V(visited)-H(hover)-A(active)

二、伪元素

:first-letter 将特殊的样式添加到文本的首字母

:first-line 将特殊的样式添加到文本的首行

:before 在某元素之前插入某些内容

:after 在某元素之后插入某些内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值