Question

如果这是一个愚蠢的问题，我深表歉意，但我刚刚开始使用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;
}

Answer 1

#bootstrap-override nav {

上面的选择器似乎不正确，请尝试以下操作：

nav#bootstrap-override {
...
}

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

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

2 个答案: