CSS学习记录10
在CSS中,我们可以使用伪类选择器来定制元素的特定状态。例如,:hover
可以用来定制鼠标悬停在元素上时的样式。
以下是一个简单的示例,展示了如何使用CSS伪类选择器来改变鼠标悬停在链接上时的颜色:
/* 普通链接的默认样式 */
a {
color: blue;
text-decoration: none;
}
/* 鼠标悬停时链接的样式 */
a:hover {
color: red;
}
在这个例子中,当鼠标悬停在<a>
元素上时,链接的颜色会变成红色。这是一个很基础的示例,但展示了如何使用CSS伪类选择器来增强用户体验。
评论已关闭