/*选中未被点击的元素*/ .element { background-color: white; } /*选中被点击的元素*/ .element:active { background-color: red; }
以上代码中,.element表示选中元素的类名,可以根据实际情况修改,比如可以使用#id来选中某个具体的元素。
第一个选择器 .element中的样式定义了元素未被点击时的背景颜色为白色。
第二个选择器 .element:active中的样式定义了元素被点击时的背景颜色为红色。
这样,在用户点击元素时,元素的背景颜色就会变为红色。
另外,:active伪类只在元素处于点击状态时生效,当用户松开鼠标后,该样式会自动失效,元素的背景颜色会恢复为之前的颜色。