我们在页面中经常会看到一些特殊的动态样式，比如点击文字时，文字颜色变化，鼠标点击悬停在文本区域上，文本区域的背景颜色发生变化，如何实现这种效果？（案例参考：新闻类网站）网站中的标签和文字默认没有动态效果。如果要添加这样的动态样式，需要配合鼠标的各种行为来完成，比如：鼠标点击，鼠标划过等；这些行为都可以使用CSS中的伪类选择器来实现。伪类选择器是类选择器的一种，根据特定的状态来选择元素。基本语法是：选择器冒号后跟鼠标行为；这里的选择器是其他选择器；冒号和鼠标行为是常用的伪类选择器。(selector:link;selector:visited;selector:hover;selector:active可以显示代码的格式)a:link{color:red}a:visited{color:red}常用的伪类选择器有四个第一个:鼠标点击前，用冒号和链接连接(:link)；represent：鼠标不操作元素时元素的默认样式。第二种：鼠标点击后，用冒号和visited连接(:visited)；表示：鼠标点击元素离开后的样式第三种：鼠标悬停时，使用冒号和悬停连接（:hover）；代表：鼠标悬停或越过元素时元素的样式第四：鼠标点击时，用冒号连接active(:active);意思是：鼠标点击元素的瞬间，元素显示的样式。这里需要注意的是：1、冒号和后面的鼠标行为，不能有任何空格，必须连在一起；2、四个伪Class选择器必须按照上面介绍的顺序来写（:link,:visited,:hover,:active），否则有些样式在浏览器中无法实现；3、如果要一起使用伪类选择器，只能应用在超链接a元素上，因为其他标签无法实现鼠标访问前后两种样式的修改。在004目录下，新建一个pseudo_class_selector.html文件，构建基础代码，在body中添加一个a标签，并在href属性中添加“#”，并设置为空链接地址；在标签内添加文字：“英雄王最强套装”。在浏览器中预览页面时，显示并加载了带有下划线和蓝色文本颜色的超链接。返回代码，使用伪类选择器修改a标签；在head标签中添加style标签，使用：一个冒号link(a:link{})在访问前声明超链接的样式：colorred;在浏览器中查看效果，默认文字颜色为蓝色超链接文字变为红色；再次回到代码，继续修改a标签，用冒号visited(a:visited{})声明超链接被访问后样式颜色为绿色，此时在浏览器中没有显示效果，因为超链接在浏览器中未被点击；继续修改a标签，用冒号悬停(a:hover{})声明超链接鼠标悬停的样式：颜色黄色，此时浏览器鼠标划过a标签时，a标签的文字变黄。继续回到代码，继续修改a标签，使用冒号active(a:active{})，声明超链接鼠标点击的样式：colorskyblue。添加了超链接的修改。回到浏览器，我们一起来看看效果：在点击超链接文字之前，已经实现了默认的蓝转红样式。当鼠标移入和移出超链接文本时，文本颜色由红色变为绿色的效果也已经实现；鼠标点击超链接，可以看到超链接文字变为天蓝色，实现；点击后，鼠标移出文本，超链接的文本颜色变为绿色。这里需要注意的是，伪类选择器也可以应用于其他元素，但只能实现激活激活时刻和hover鼠标悬停效果；在a标签末尾回车，添加一个div标签，在style标签中添加Text：“我是一个普通的div标签”，使用元素选择器找到div进行装饰；（需要停顿两秒直接demo代码打出来：div{width:200px;height:200px;backgound-color:skyblue}）继续给div添加样式，修改div的背景色鼠标悬停时变为红色，div:hover,background-color:red;(div:hover{background-color:red})再添加一个样式，鼠标点击div时，修改div的宽高：(div:active{width:100px;height:100px})返回浏览器，实现了鼠标划过时背景色变为红色的效果，点击时，div的大小也发生了变化；文章视频链接：https://www.bilibili.com/video...
