html - CSS id/类，样式更改不适用

Question

我是 HTML、PHP 和 CSS 的新手，我的样式表没有应用某些更改时遇到问题。

这是我的 HTML 中出现问题的部分:

<div class="container" id="contact">
    Some Random Text
    <br/><br/>
    More Random Text
</div>

以及我样式表中对应的ID:

#contact{
    color:white;
    font-size:20px;
    font-weight:bold;
}

我正在为网格等使用 Bootstrap，并且我已经确保在我自己之前调用 Bootstrap 样式表(不覆盖我自己的更改)。

我真正不明白的是，如果我输入以下 HTML，我得到了我需要的结果，但与前一个结果不同:

<div class="container" style="color:white; font-size:20px; font-weight:bold;">
    Some Random Text
    <br/><br/>
    More Random Text
</div>

我希望我的问题很清楚，并且我没有犯太多英语错误(不是母语人士)。

Answer 1

也许您没有正确链接您的 CSS？例如，如果您将 index.html 文件和 style.css 文件放在一个目录中，您可以这样写:

<link type="text/css" rel="stylesheet" href="style.css">

但是如果你的 css 文件在文件夹“css”中，不要忘记写:href="css/style.css"