与 :selection
伪类相反的是 :active
伪类。
:active
伪类用于指定用户激活元素(通常是鼠标单击)时应用的样式。它通常与 :hover
伪类一起使用,用于在用户将鼠标悬停在元素上时应用样式,并在用户单击元素时应用其他样式。
例如,以下代码将在用户将鼠标悬停在按钮上时将按钮的背景色设置为红色,并在用户单击按钮时将其设置为蓝色:
button:hover {
background-color: red;
}
button:active {
background-color: blue;
}
另外,还有一个与 :selection
伪类相反的伪类是 :focus
伪类,它用于指定元素获得焦点时应用的样式。例如,以下代码将在用户单击文本字段并在其上输入文本时将文本字段的边框设置为蓝色:
input:focus {
border: 2px solid blue;
}