作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在正文和页脚区域为链接使用不同的字体颜色。我在
中添加了这个.footer-widgets a, a:link, a:visited {
color: #6fabad;
}
正文是
a, a:link, a:visited {
color: #6fabad;
font-weight: 600;
text-decoration: none;
}
正文仍显示为页脚字体颜色。我该如何解决这个问题?
最佳答案
If the colors are different your code will not work:
两个链接的颜色都与正文样式相同。因为.footer-widgets
风格将由a:link
结束风格。
.footer-widgets a,
a:link,
a:visited {
color: red;
}
a,
a:link,
a:visited {
color: #6fabad;
font-weight: 600;
text-decoration: none;
}
<body>
<a href="#"> hi</a>
<div class="footer-widgets">
<a href="#"> hi</a>
</div>
</body>
您已将 CSS 更改为:
所以 a:link
将在.footer-widgets a:link
之前结束和 a:visited
通过 .footer-widgets a:visited
只有这样,您的代码才能 100% 正常工作。
.footer-widgets a,
.footer-widgets a:link,
.footer-widgets a:visited {
color: red;
}
a,
a:link,
a:visited {
color: #6fabad;
font-weight: 600;
text-decoration: none;
}
<body>
<a href="#"> hi</a>
<div class="footer-widgets">
<a href="#"> hi</a>
</div>
</body>
希望对你有帮助
关于css - 对 <a> 链接使用不同的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49492768/
我是一名优秀的程序员,十分优秀!