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