问如何用CSS去除嵌套的链接下划线和颜色？
EN

Stack Overflow用户

提问于 2019-03-25 08:24:40

回答 1查看 79关注 0票数 -1

我无法更改/删除链接下划线和嵌套文本的颜色。我检查了调试控制台，颜色显示它是从.masonry-item继承的。我试着改变它，但它什么也做不了。如果我从调试控制台更改颜色，它确实会向下渗透。我做错了什么？

a.masonry-item {
  text-decoration: none;
  color: red;
}

<a href="#" class="masonry-item">
  <div class="card masonry-content">
    <img src="https://picsum.photos/450/325?image=100" alt="Dummy Image" />
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    </div>
  </div>
</a>

我的预期结果是没有下划线的红色文本，但它没有任何效果。

css

bootstrap-4

回答 1

Stack Overflow用户

发布于 2019-03-25 08:37:26

您可以使用"!important“强制删除CSS中的任何属性。

例如：

a.masonry-item {
    text-decoration: none !important;
    color: red;
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55329897

复制

相似问题

问如何用CSS去除嵌套的链接下划线和颜色？
EN

回答 1

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用CSS去除嵌套的链接下划线和颜色？EN

回答 1

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用CSS去除嵌套的链接下划线和颜色？
EN