Html Can'；t在引导4中更改导航链接颜色虚拟qr_Html_Css_Twitter Bootstrap_Bootstrap 4

Html Can'；t在引导4中更改导航链接颜色虚拟qr

html css twitter-bootstrap bootstrap-4

Html Can'；t在引导4中更改导航链接颜色虚拟qr,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我无法让导航链接改变颜色。我尝试过其他帖子的解决方案，但无论如何都无法让它起作用。我不知道这是否与我的代码有关。欢迎来到堆栈溢出。这是你能做的 /*选择引导链接*/ .链接{ 颜色：灰色； } 使用以下CSS选择器，您将能够更改导航链接类的颜色 .nav链接{ 颜色：红色； } 虚拟qr 在每个导航链接后添加内联css，如下所示：您可以做的是： <nav id="section_navbar" class="navbar navbar-expand-lg f

我无法让导航链接改变颜色。我尝试过其他帖子的解决方案，但无论如何都无法让它起作用。

我不知道这是否与我的代码有关。

欢迎来到堆栈溢出。这是你能做的

/*选择引导链接*/
.链接{
颜色：灰色；
}

使用以下CSS选择器，您将能够更改

导航链接

类的颜色

.nav链接{
颜色：红色；
}


虚拟qr

在每个导航链接后添加内联css，如下所示：

您可以做的是：

<nav id="section_navbar" class="navbar navbar-expand-lg fixed-top">
        <div class="mx-auto my-2 order-0 order-md-1 position-relative">
            <div id="top_logo" class="container-fluid">
                <span>VirtualQR</span>
            </div>
        </div>
        <div class="navbar-collapse collapse w-100 dual-collapse2 order-2 order-md-1">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#section_navbar">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#section_howdoesitwork">How does it work?</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#section_pricing">Pricings</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#section_contact">Contacts</a>
                </li>
            </ul>

将此代码放入外部CSS文件中

.nav-link{
  color:red;
}

或

将其作为内部css，如下所示

.nav-link {
  color: red;
}

<head>
    <style>
           .nav-link {
              color: red;
            }

    </style>
</head>


.导航链路{
颜色：红色；
}

或

将其作为内联CSS，如下所示

.nav-link {
  color: red;
}

<head>
    <style>
           .nav-link {
              color: red;
            }

    </style>
</head>

您到底尝试了什么？导航链接的CSS在哪里？这确实有效！我有点搞不懂为什么内联css可以工作，但不能在外部文件中工作：因为优先级。根据优先级，外部css首先执行，然后是内部css，然后是内联css。因此，作为引导，通过使用内联css使用外部css，您可以覆盖css。但是，您不能使用普通的外部css覆盖。如果您想使用外部css覆盖，那么您必须编写！重要提示如下：颜色：红色！重要的；