CSS点击及鼠标悬停分页样式怎么写

本文小编为大家详细介绍“CSS点击及鼠标悬停分页样式怎么写”，内容详细，步骤清晰，细节处理妥当，希望这篇“CSS点击及鼠标悬停分页样式怎么写”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

创新互联是一家专注于做网站、网站制作与策划设计,安图网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:安图等地区。安图做网站价格咨询:18980820575

点击及鼠标悬停分页样式

如果点击当前页，可以使用 .active 来设置当前页样式，鼠标悬停可以使用 :hover 选择器来修改样式：

CSS 实例

ul.pagination li a.active {

background-color: #4CAF50;

color: white;

}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

CSS 实例

ul.pagination li a.active {

background-color: #4CAF50;

color: white;

}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

读到这里，这篇“CSS点击及鼠标悬停分页样式怎么写”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。