css伪类的颜色 |搜索放大镜 css

/* :hover伪类 */
a:hover {
color: red;
}
/* :active伪类 */
a:active {
color: blue;
}
/* :visited伪类 */
a:visited {
color: purple;
}
/* :focus伪类 */
input:focus {
outline-style: solid;
outline-color: green;
}
/* :disabled伪类 */
input:disabled {
color: gray;
}
/* :checked伪类 */
input:checked {
background-color: yellow;
}

以上便是一些常用的颜色伪类，只需要在选择器中加上对应的伪类即可实现不同状态的颜色变化。比如大家给链接加上:hover伪类，鼠标移上去时文字就会变成红色；给表单元素加上:focus伪类，获得焦点时会有绿色的边框。

注意，在使用:visited伪类时，为了保证用户隐私，浏览器只允许大家修改color属性，其他样式如background等都无法生效。

另外，:checked伪类则只适用于radio和checkbox类型的表单元素。

总之，颜色伪类在CSS中发挥着重要的作用，可以让大家轻松实现交互效果和状态变化。希望本文可以帮助读者更好地了解和使用这些伪类。