/*hover伪类*/
a:hover{
color: red;
}
/*active伪类*/
button:active{
background-color: blue;
}
/*focus伪类*/
input:focus{
border: 1px solid yellow;
}
/*visited伪类*/
a:visited{
color: gray;
}hover伪类表示当鼠标悬浮在元素上时，使用指定的样式。常用于链接元素的效果展示。
active伪类表示当元素被点击并处于激活状态时，使用指定的样式。常用于按钮等用户可以进行互动操作的元素。
focus伪类表示当元素获得焦点时，使用指定的样式。常用于表单元素的校验提示。
visited伪类表示当链接元素已经被访问过时，使用指定的样式。常用于链接元素的历史记录展示。