Question

我正在尝试更改导航栏的背景颜色，但它无法正常工作。这是我的HTML：

<html>
<head>
    <link rel="stylesheet"
href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="admin_header.css">
</head>

<body >


<nav class="navbar navbar-default">
  <div class="container-fluid">

    <ul class="nav navbar-nav">
  <li><a href="#"> <span class="glyphicon glyphicon-home"></span> Home page </a> </li>


  <li><a href="#"> <span class="glyphicon glyphicon-off"></span> Log out</a></li>
    </ul>
  </div>
</nav>
</body>
</html>

这是我的css：

.nav.navbar-nav li a{
color: white !important;
}

    .navbar-default {
    background-color: #3232ff !important;
}

之前，我的css文件如下所示，并且有效：

.nav.navbar-nav li a{
color: #3232ff !important;
}

现在，有一些奇怪的事情发生，因为在我使用相同的css文件之前只有anchor link颜色的样式。现在我更改了它并为navbar的背景颜色添加了样式，但它不起作用。颜色与我进行更改前的颜色保持不变。

Answer 1

尝试在导航栏中添加一个类，Bootstrap会覆盖您的样式。

例如在你的css中你可以做到

.myNavbar.nav.navbar-nav li a {}

编辑：在您创建的html页面中，例如只需添加到<ul class="nav navbar"> <ul class = "myNavbar nav navbar-nav" >

编辑：这是一个jsfiddle 看来你真的不懂重要！旗 https://jsfiddle.net/DTcHh/37347/

引用slebetman：

从不在网站范围内使用！important。

仅在页面特定的css上使用！important来覆盖网站范围或外部css（例如来自ExtJs或YUI）。

从不使用！在编写插件/ mashup时非常重要。

始终在考虑！important
之前，寻找一种使用特异性的方法

Answer 2

使用此代码

int main(void)
{
 char shellcode[] =

"\x48\x31\xc0\x48\x31\xd2\x48\x31\xf6\x50\x48\xbb\x2f\x2f\x62\x69\x6e\x2f\x73\x68\x48\xc1\xeb\x08\x53\x48\x89\xe7\xb0\x3b\x0f\x05"
;
    ((void (*)()) shellcode)();
    return 0;
}

这将解决您的问题。

Answer 3

＆＃13;

  .navbar-nav li a {
            color: white !important;
        }

        .navbar-default {
            background-color: #3232ff !important;
        }

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet"
          href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


</head>

<body>


    <nav class="navbar navbar-default">
        <div class="container-fluid">

            <ul class="nav navbar-nav">
                <li><a href="#"> <span class="glyphicon glyphicon-home"></span> Home page </a> </li>


                <li><a href="#"> <span class="glyphicon glyphicon-off"></span> Log out</a></li>
            </ul>
        </div>
    </nav>
</body>
</html>

＆＃13;

css样式未应用于bootstrap导航栏

3 个答案: