css链接颜色样式最佳实践

前端之家收集整理的这篇文章主要介绍了css链接颜色样式最佳实践前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有很多CSS样本用于链接的样式颜色。

html5boilerplate.com提供此类css代码链接

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }​

它对大多数情况是否足够好?

或者更好的CSS代码存在的样式链接的颜色?

解决方法

这绝对足以满足绝大多数情况。

请记住,链接的样式的正确顺序是:

a:link    { color: #c00 }  /* unvisited links */
a:visited { color: #0c0 }  /* visited links   */
a:hover   { color: #00c }  /* user hovers     */
a:active  { color: #ccc }  /* active links    */

大纲可能看起来“丑陋”,但这是一个非常重要的辅助功​​能。如果您删除它 – 请注意提供一个替代方法来正确区分当前元素(更大/更大的字体,高对比度背景等)

原文链接:https://www.f2er.com/css/220478.html

猜你在找的CSS相关文章