Html CSS未使用引导加载_Html_Css_Twitter Bootstrap

Html CSS未使用引导加载

html css twitter-bootstrap

Html CSS未使用引导加载,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,Html 我试图用CSS文件使内部颜色变为白色，不幸的是，它似乎不想改变，尽管我已经指定了它，它应该覆盖引导。感谢您花时间研究这个问题使用！覆盖引导的重要属性。另外，您在css中添加了错误的锚标记。colora类应用于anchor标记。但是，您的CSS表示在colora类中查找anchor标记，该类不存在。从css中移除锚点，它就会工作。下面是您的工作代码示例 .colora，.colora:已访问{ 颜色：#fff！重要；文字装饰：无！重要； } 博客容器您的css正在引用一个元素

Html

我试图用CSS文件使内部颜色变为白色，不幸的是，它似乎不想改变，尽管我已经指定了它，它应该覆盖引导。感谢您花时间研究这个问题

使用！覆盖引导的重要属性。另外，您在css中添加了错误的锚标记。

colora

类应用于

anchor

标记。但是，您的CSS表示在

colora

类中查找

anchor

标记，该类不存在。从css中移除锚点，它就会工作。下面是您的工作代码示例

.colora，.colora:已访问{
颜色：#fff！重要；
文字装饰：无！重要；
}


博客
容器

您的css正在引用一个

元素，该元素是一个类为colora
的元素的子元素。没有这样的因素
我想你想要
.colora a,.colora a:visited {
    color: rgb(255, 255, 250);
    text-decoration: none;
}

但我只能猜测

a.colora，a.colora:已访问{
颜色：rgb（255、255、250）；
文字装饰：无；
}

{%if title%}
论坛-{{title}
{%else%}
论坛
{%endif%}
博客
{%block content%}{%endblock%}

论坛之家
博客
博客1
Matthew Lee于2018年4月20日所作
第一个职位

让它工作起来，问题显然是我需要将我命名为模板的static重命名为static。此外，我还必须指定文件位置，而不是使用url\u for方法。不知道它为什么会工作，但这将是最终确定的代码。您确定所有内容都正确加载了吗？你试过清理你的缓存吗？我怎么做？清除我的pycache？以前试过，没用。我认为问题不在于CSS本身，但它没有被检测到。你在哪个文件中添加代码。还要检查元素并检查css是否已应用。如果没有，你在错误的文件中添加了样式。我在css文件中这样做，但是元素没有被应用。问题是它可能已经被应用了。但是，本地服务器上的css文件首先加载，然后再引导（由于cdn）。在这种情况下，引导覆盖css。同样正如@Rob所指出的，请尝试使用正确的类名！重要属性。引导后如何加载css？这是我犯的一个错误，但我不认为是类造成的。因为我试图使用ids进行调试，但没有成功。@MLee请检查代码段。这就是你要找的吗？
.colora a,.colora a:visited {
    color: rgb(255, 255, 250);
    text-decoration: none;
}

a.colora,a.colora:visited {



<!DOCTYPE html>
<html>

<head>

    <title>Forum- home</title>

    <!-- Required meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="static/stylesheets/style.css">
    <title>Blog</title>
</head>

<body>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>


    <nav class="navbar navbar-expand bg-dark">
        <a class="nav-item nav-link colora" href="#">Home</a>
        <a class="nav-item nav-link" href="#">Posts</a>
    </nav>
    <div class="container">


        <h1>Blog 1</h1>
        <p>By Matthew Lee on April 20, 2018</p>
        <p>First Post</p>


    </div>
</body>