前端第一阶段-13（伪类、伪元素）

BadVictory

已于 2022-08-11 11:16:54 修改

阅读量219

点赞数

分类专栏： # 前端开发第一阶段文章标签：前端 html html5 visual studio

于 2022-08-05 11:44:27 首次发布

本文链接：https://blog.csdn.net/Victory_bad/article/details/126150863

版权

伪类

伪类用来添加一些选择器的特殊效果

伪类
伪类	说明
:hover	鼠标移入（适用于所有标签）
:active	鼠标按下到抬起（一般常用于 a 和 button 标签，适用于所有标签）
a:link	链接访问前（只适用于a标签）
a:visited	链接访问后（只适用于a标签）
:first-child	匹配第一个元素 div:first-child{}，匹配第一个div元素 div span:first-child{}，匹配所有div下面的第一个span元素 div:first-child span{}，匹配第一个div下面所有span元素
:nth-child(n)	匹配第n个元素 div:nth-child(2){}，匹配某个元素下面的第二个div元素
:not(选择器)	不是某个选择器的元素 :not(div){}，选择非div的元素
:disabled	禁用元素 input:disabled{}，选择被禁用的input元素
:check	选中元素 input:check{}，选择被选中的input元素

⚠️a:hover 必须放在 a:link 和 a:visited之后

⚠️a:active 必须在 a:hover 之后

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

以上三个总结就是lvha原则，LVHA 顺序：:link— :visited— :hover — :active

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name=

关注