常用行为伪类

常用行为伪类

伪类：用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素时，我们可以通过:hover来描述这个元素的状态

1. 行为伪类

• 悬浮伪类：当鼠标进入当前标签里时就会触发选择器。
  基础语法：selector（选择器）:hover{…}
  例如：当鼠标进入当前标签selector时 ，颜色由#ddd变为#e1251b，移出就会变回原来的样式。

.selector{
background-color:#ddd;
}

.selector:hover{
background-color:#e1251b;
}

• 点击伪类：当鼠标左键单击当前标签里时就会触发选择器。
  基础语法：selector:active{…}