您好,我想在同一页面上设置不同颜色的链接。我想要一些链接是蓝色的,一些链接是黑色的。我是 html 和 CSS 的新手,所以提前谢谢你!
-斯宾塞
最佳答案
CSS:
a.class1 {color:red;}
a.class1:link {text-decoration: none; color: red;}
a.class1:visited {text-decoration: none; color: red;}
a.class1:hover {text-decoration: underline; color: red;}
a.class1:active {text-decoration: none; color: red;}
a.class2 {color:blue;}
a.class2:link {text-decoration: none; color: blue;}
a.class2:visited {text-decoration: none; color: blue;}
a.class2:hover {text-decoration: underline; color: blue;}
a.class2:active {text-decoration: none; color: blue;}
HTML:
<a href="http://www.google.com" class="class1">Google</a>
<a href="http://stackoverflow.com" class="class2">Stackoverflow</a>
演示: https://jsfiddle.net/3L4xguj7/
2021 年 5 月 16 日更新: 更新链接
关于html - 同一 HTML 页面上的不同颜色链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50019190/