CSS中的current
(英文意为“当前”)经常在导航栏的设计中使用。它是CSS在设计网页时用来确定当前页面链接的样式的一个伪类,以区别其他链接样式的HTML元素。
/* 未选中状态 */ a { color: #333; text-decoration: none; } /* 当前选中状态 */ a:current { color: #FF0000; text-decoration: underline; }
如上所示,:current
用于标记当前被选中的链接,可以更改其颜色和下划线等样式。
还需要注意的是,在CSS3中,:current
已被废弃,应使用:active
或:focus
替代。因为它在某些浏览器中不被支持,这些伪类会更可靠地工作。
/* 当前选中状态 */ a:active, a:focus { color: #FF0000; text-decoration: underline; }
在使用current
或其替代伪类时,设计人员可以更清楚地向用户指出当前页面。但是请注意,为不同类型的链接(例如:产品,博客文章,联系方式等)应该选择不同的颜色,样式以及伪类。