Can';t重写引导以实现我自己的CSS {项目%中的项目为%} {{project.description} {%endfor%}

Can';t重写引导以实现我自己的CSS {项目%中的项目为%} {{project.description} {%endfor%},css,bootstrap-4,Css,Bootstrap 4,我正在尝试更改标记中的内容,使其不呈蓝色并高亮显示 CSS链接的顺序是正确的-首先是引导,然后是我自己的 我还尝试添加了!重要信息在每个CSS属性都不起作用之后 我正在使用Django块内容方法来包含页眉和页脚,但这不会有任何区别。通过以下方式重写属性: .lo:链接,.lo:已访问{ 颜色:#0060b6; 文字装饰:无; 背景色:透明; } 在引导中,标记有自己的规则,可以很容易地重写 <div class="row"> {% for projec

我正在尝试更改
标记中的内容,使其不呈蓝色并高亮显示

CSS链接的顺序是正确的-首先是引导,然后是我自己的

我还尝试添加了
!重要信息
在每个CSS属性都不起作用之后


我正在使用Django块内容方法来包含页眉和页脚,但这不会有任何区别。

通过以下方式重写属性:

.lo:链接,.lo:已访问{
颜色:#0060b6;
文字装饰:无;
背景色:透明;
}
在引导中,
标记有自己的规则,可以很容易地重写

<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>

另外,我用你的风格做了一次尝试。在一个新项目中,它确实对我有效,这意味着,你需要检查是什么阻止了它的改变?也许是关于
CSS的特殊性

你应该使用id而不是,因为id的优先级高于类:

a {
    color: #007bff; /* change to the color you want */ 
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3; /* change me as you like */
    text-decoration: underline;
}

解决了!谢谢,我真的试了4天,结果是在settings.py(使用django)中,静态URL被设置为一个特定的目录,所以我只需要把我的自定义css放在那里,在html中引用,它工作了

请发布html和css{%for project in projects%}

{{project.description}

{%endfor%}.lo{color:#0060B6!重要;文本装饰:无!重要;背景色:透明!重要;}不,用它来编辑你的问题。当我把你的代码放到引导程序中时,链接的颜色变了:-这意味着其他一些代码正在覆盖你所拥有的。不,那没有做到。我觉得我自己的css根本没有通过。我将包括我的整个标题,看看是否看起来不错。非常感谢我真的认为在样式表中使用ID不是一个好的实践。为什么?我不这么认为。有两种不同的方法可以更改优先级1)更改head中引导标记和customStyle之间的位置。css 2)使用id您知道更好的方法吗?
a {
    color: #007bff; /* change to the color you want */ 
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3; /* change me as you like */
    text-decoration: underline;
}
#lo:link, #lo:visited {
  color: #0060b6;
  text-decoration: none;
  background-color: transparent;
}