html - 如何选择具有特定 ID 的元素

Question

如果这是一个非常愚蠢的问题，我深表歉意，但我才刚刚开始使用 CSS。我正在使用引导程序创建一个网站，但我试图弄清楚如何覆盖一些 Boostrap 样式。我读过一篇建议创建一个名为bootsrap-override. 但是当我尝试选择 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;
}

标签： htmltwitter-bootstrapcss-selectors

Answer 1

这是正确的方法。

<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>