为什么CSS不设计这个引导网页？
我正在尝试改变我的引导网站中与类“navbar-brand”链接的颜色。无论我如何构造css选择器，我似乎都无法改变文本颜色。但是，我知道css正在加载，因为我可以更改navbar的背景颜色。下面是缩短的代码：
我的index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Foobar Brand</a>
</div>
</div>
</div>
</body>
</html>
我的main.css：
// change the color of the navbar to a dark blue
.navbar {
background-color: #3c4c66;
}
// some of the selectors I've tried to get the text to be white.
// why are they not working?
.navbar-brand {
color: white;
}
.navbar-header a {
color: white;
}
a {
color: white;
}
最终结果：一个深蓝色条，带有默认navbar附带的灰色文本。谢谢你的帮助。
编辑：这里类似的问题对我没有帮助。我能够改变navbar-nav的元素，但不能改变Navbar-Brand。
编辑2：为了回应Abhinav Guaniyal的评论，我检查了Firefox中的元素。实际上，引导程序中的.navbar-brand规则不知怎么地覆盖了我的css文件中的.navbar-brand（如果这是错误的术语，很抱歉）。这是为什么？既然我在引导后链接了main.css，我的css文件难道不应该覆盖引导的文件吗？
共有2个答案
试试这样的方法：
.navbar .container .navbar-header a.navbar-brand {
color: white;
}
这么想吧。假设您的代码中有10个不同的位置，在这些位置使用链接。在CSS中使用.navbar-brand{color：white}可以处理所有10个A标记。如果您决定在这10个位置中的1个位置应用不同的样式而不影响其他9个位置，而不是必须完全删除CSS规则或添加额外的ID/类，那么您可以通过更具体地覆盖您想要的一个。浏览器会识别出您更具体，并假定您希望更具体的样式覆盖泛型样式。
-
问题内容： 需要对以下代码进行澄清： 这将打印出来，以便证明和对象引用相同的内存引用。 这将打印出来，也证明是相同的。 显然，这将引发，因为我试图调用空引用。 所以这是我的问题，为什么最后一个代码示例没有抛出，因为我从前两个示例中看到并理解的是，如果两个对象都引用同一个对象，那么如果我们更改任何值，那么它也会反映给另一个对象，因为两个对象都指向相同的内存引用。那么，为什么该规则在这里不适用？如果我
-
我想用纯CSS设计上面的图像。 下面是我到目前为止想出的HTML和CSS： 下面是我的SCSS： 以下是我现在的结果： 我正在努力实现，像我悬停个人资料图片时，图像将覆盖黑色，并出现相机图标。我怎么能那样做？
-
我有一个标记，其中有和。我希望当应用程序在pc中启动时，应用程序使用CSS for，而当应用程序在智能手机中启动时，只使用CSS。 我已经测试过了： 其思想是，当应用程序在pc中时，将是和，而在智能手机中，和将是和
-
第二个代码：
-
图一是one中没有加margin的效果 图二是one中加上margin之后的效果 问：margin不是调节两个盒子之间的边距么？我的理解是one在canvas里面，那么margin应该是canvas和one的border之间的距离，为什么one会带着canvas的上边界一起下缩20px呢？难道不应该是one相对canvas下缩20px吗？ 不知道我又没有表述清楚... 贴一下完整的css代码： 完
-
我试图从文件“paddle.JS”中导入一个JS类，以便在另一个文件“game.JS”中使用（没有使用JS库或框架，只是纯简单的VanillaJS)，我似乎不明白为什么这个导入/导出不起作用。我看过太多的例子和教程，我完全按照他们说的做，但它就是不起作用。这可能是一个愚蠢的问题，但任何帮助都是感激的。 这是我正在学习的一个YT教程，我基本上是在Paddle.js的顶部添加“导出默认类Paddle”