如何使用CSS的伪类来创建灵活的样式

嗨！小伙伴们，你们有没有想过，如果你的网页上的元素可以自定义样式，那会是多么酷炫啊！今天，我们就来聊聊如何使用CSS的伪类来创建灵活的样式。

首先，我们来说说最常见的伪类：“:hover”。当你将鼠标悬停在元素上时，这个伪类会被应用，让元素的样式发生变化。例如：

.my-element:hover {
   
     
  color: red;  
}

这个代码会让.my-element元素在鼠标悬停在上面时变成红色。

还有一个很有趣的伪类是“:active”。当元素被激活时，这个伪类会被应用，让元素的样式发生变化。例如：

.my-element:active {
   
     
  background-color: blue;  
}

这个代码会让.my-element元素在被激活时，背景色变成蓝色。

不仅仅是单个的属性可以使用伪类，你还可以将多个属性组合在一起，来实现更复杂的效果。例如：

.my-element {
   
     
  color: red;  
  background-color: blue;  
  border-radius