Question

＆＃13;

nav {
  background-color: #CC3333;
  border: 5px solid red;
}

＆＃13;

     <nav class="navbar navbar-default navbar-fixed-top">    
                <div class="container">
                    <button type="button" class="btn btn-default navbar-btn">About Me</button>
                    <button type="button" class="btn btn-default navbar-btn">Portfolio</button>
                    <button type="button" class="btn btn-default navbar-btn">Contact Me</button>
                </div>
            </nav>

＆＃13;

我不知道为什么它没有运行，所以任何帮助都会非常感激！

Answer 1

你的CSS工作，当你点击＆＃34;运行代码片段＆＃34;它甚至可以在Stack Overflow中工作。您可能在页面上有其他CSS覆盖此规则。

Answer 2

如果您使用的是Bootstrap或任何其他CSS库，则可能是其他一些CSS重叠。请使用Firebug或其他浏览器Web开发人员工具找出哪些CSS规则正在生效。

.navbar-default{
    background-color: #ff0000;}

尝试类似的东西，你已经为nav声明了三个类，所以三个类中的一个可能有一个生效的背景规则。

Answer 3

你的CSS工作正常。我相信你正在使用Bootstrap。这可能与浏览器有关。

无法在CSS中更改nav元素的background-color属性

3 个答案: