jquery - 如何将默认的 Bootstrap 链接悬停颜色更改为自定义颜色?

标签 jquery html css twitter-bootstrap

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 6 年前

如何将默认的 Bootstrap 链接悬停颜色更改为自定义颜色?

chrome 检查器 (DOM) 似乎没有接受我的 CSS 代码(即使有 !important)。将我的网站上传到网络时如何使用我的代码?

这是我的 CSS:

a {
    color: hsla(34,55%,54%,1);
}

footer > a: hover {
    color: hsla(151,27%,56%,1) !important;
}

这是我的 HTML:

<footer class="col-sm-12">
            <address>
                <a href="privacy-policy.html">Privacy Policy</a>  | © 2014 Colostomo | <a href="about.html">About This Site</a> <br> Colostomo • 1000 Main Street • Marshall, MO 65340 • 660-555-1212
            </address>
        </footer>

最佳答案

使用footer>地址>a:hover而不是footer>a:hover,因为footer没有子a。

a {
    color: hsla(34,55%,54%,1);
  
}

footer > address >a:hover {
    color: hsla(151,27%,56%,1) !important;

}
<footer class="col-sm-12">
            <address>
                <a href="privacy-policy.html">Privacy Policy</a>  | © 2014 Colostomo | <a href="about.html">About This Site</a> <br> Colostomo • 1000 Main Street • Marshall, MO 65340 • 660-555-1212
            </address>
        </footer>

关于jquery - 如何将默认的 Bootstrap 链接悬停颜色更改为自定义颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40955874/

上一篇:媒体 CSS (755.4px - 991.4px)

下一篇:javascript - HTML Body CSS Transform Scaling Up 导致内容被删除

相关文章:

javascript - 使用 JavaScript/jQuery 预加载图像的最佳方式是什么?

html - 表格单元格背景渗入带有圆 Angular 的表格

javascript - 如何正确验证 AngularJS 中的非输入选择器?

javascript - 多个条件成立后执行

css - 第二次单击按钮后失去焦点

html - 如何将缩略图照片添加到 ruby​​ on rails 中的页眉?

javascript - 打开模态视图时禁用主体滚动

php - 如何在Chrome中修复 “This Set-Cookie was blocked due to user preferences”? (Stackoverflow SSO登录/Ajax CORS请求)

javascript - 替换元素内的文本

javascript - jquery - 在将另一个事件作为参数的事件上添加事件处理程序