css - 无法覆盖引导程序来实现我自己的 CSS
问题描述
.lo:link, .lo:visited {
color: #0060b6;
text-decoration: none;
background-color: transparent;
}
<div class="row">
{% for project in projects %}
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img src="{{ project.image.url }}" height="250" width="348">
<div class="card-body">
<h4><a class="lo" href="{{ project.url }}">{{ project.title }}</a></h4>
<p class="card-text">{{ project.description }}</p>
<div class="d-flex justify-content-between align-items-center">
</div>
</div>
</div>
</div>
{% endfor %}
</div>
我正在尝试更改<a>
标签中的内容,使其不是蓝色并突出显示。
CSS 链接的顺序正确——首先是引导程序,然后是我自己的。
我也尝试!important
在每个 CSS 属性不起作用后添加。
我正在使用 Django 块内容方法来设置页眉和页脚,但这应该没有任何区别。
解决方案
您应该使用id而不是class,因为 id 比 class 具有更高的优先级:
#lo:link, #lo:visited {
color: #0060b6;
text-decoration: none;
background-color: transparent;
}
推荐阅读
- azure-logic-apps - 筛选器数组的 Azure 逻辑应用错误 ActionResultsSizeLimitExceeded
- python - 从 for 循环中的二维数组中删除数组
- haproxy - 根据主机名设置速率限制
- java - Spring DI 在通过@Autowired 注入时是否会创建多个实例?
- mongodb - 更新查询在 mongoDB 对象中不起作用
- javascript - VUE JS Observer 是一个空数组
- grpc - gRPC 双向函数返回 RequestType 而不是 ResponseType
- python - 如何在 python 烧瓶中的单个路由中调用两个函数?
- android - Android InApp 更新未自动获取更新
- elasticsearch - 如何更改全局弹性搜索索引创建设置?