时间戳

首页 > 解决方案 > CSS 问题 - 更改 cookie 栏中链接的颜色

css - CSS 问题 - 更改 cookie 栏中链接的颜色

问题描述

我有一个 CSS 问题，我很想得到一些帮助。

我的网站 (www.melodylakerart.com) 在其 cookie 通知栏（隐私通知右侧）中有一个“阅读更多”链接。

“阅读更多”链接目前仅在鼠标悬停时可见。由于 cookie 栏是黑色的，因此我假设链接文本是黑色的，直到鼠标悬停

我只想将文本设置为黑色以外的颜色，以便您无需鼠标悬停即可查看链接。我试过下面的 CSS 没有运气。任何人都可以帮忙吗？

 .cn-more-info .cn-privacy-policy-link .cn-link .button {color: #feb8b4 !important;}

.cn-privacy-policy-link {color: #feb8b4;}

.cn-more-info .cn-privacy-policy-link .cn-link .button {color: #feb8b4;}

标签： css

解决方案

链接颜色可以通过a:link或在特定类下 更改.cn-privacy-policy-link a:link

例如：

a:link {
  color: red;
  text-decoration: none;
}

a:visited {
  color: green;
}

a:active {
  color: black;
}

a:hover{
  color: #bada55;
}

.test a:link{
   color: yellow;
}
<a href="www.google.com">Example</a>
<div class="test"><a href="www.yahoo.com">Yellow link</a></div>

您还可以更改悬停时a:hover的链接颜色或单击后a:visited或单击时的链接颜色a:active

推荐阅读