CSS可以控制元素在不同状态下的显示样式，常用的状态有如下几种：

selector:link   { color: red; }selector:visited{ color: gray; }selector:hover  { color: blue; }selector:active { color: green; }

其中，selector是CSS选择器，用于指示要设置样式的元素。下面对上面的四种状态进行解释：

• :link表示正常链接的状态，在用户未进行任何操作时触发。
• :visited表示已访问链接的状态，在用户访问过该链接之后触发。
• :hover表示鼠标悬停链接的状态，在鼠标指针移动到该链接上时触发。
• :active表示链接被点击时的状态，在用户点击该链接时立即触发。

通过定义这些状态下元素的不同样式，我们可以实现更为丰富的交互效果，提高用户体验。