如何选择具有特定 ID 的元素答案

【问题标题】：How to select elements with a certain ID如何选择具有特定 ID 的元素
【发布时间】：2019-05-03 12:06:48
【问题描述】：

如果这是一个非常愚蠢的问题，我深表歉意，但我才刚刚开始使用 CSS。我正在使用引导程序创建一个网站，但我试图弄清楚如何覆盖一些 Boostrap 样式。我读过一篇文章建议创建一个名为bootsrap-override 的ID。但是当我尝试选择 ID 和元素时，它永远不会起作用。

这是我的html

<nav class = "navbar navbar-expand-md navbar-light fixed-top bg-light" 
id="bootstrap-override">

这是我的css

#bootstrap-override nav {
    border-bottom: 1px solid black;
    border-width: thick;
}

【问题讨论】：

您可能需要在这些样式之后包含 !important：#bootstrap-override nav{ border-bottom: 1px solid black !important; border-width: thick; !important }

标签： html twitter-bootstrap css-selectors

【解决方案1】：

#bootstrap-override nav {

上面的选择器好像不正确，试试下面的：

nav#bootstrap-override {
...
}

【讨论】：

【解决方案2】：

这是正确的方法。

<nav class = "navbar navbar-expand-md navbar-light fixed-top bg-light" id="bootstrap-override">

<style>
#bootstrap-override{
border-bottom: 1px solid black;
border-width: thick;
}

/* Or you can do it this way
nav #bootstrap-override{
border-bottom: 1px solid black;
border-width: thick;
} */
</style>

【讨论】：