伪类是CSS中的重要概念之一。它是指对选择器的一种补充,用于在元素处于特定状态时为其添加样式。CSS中有很多种伪类,例如:hover、:active、:focus等。
/* :hover伪类 */
a:hover{
color: red;
}
/* :active伪类 */
button:active{
background-color: gray;
}
/* :focus伪类 */
input:focus{
outline: none;
}上述代码展示了几种常用伪类的写法。其中:hover表示鼠标悬停在元素上时应用的样式,:active表示元素被激活时应用的样式,:focus表示元素获取焦点时应用的样式。
需要注意的是,不同伪类适用的元素和场景也不同,具体使用时需要结合实际情况进行选择。