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对吗？例如，如果你的索引.html文件和style.css文件在一个目录中，你可以这样写：

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

但是，如果您的css文件在文件夹"css"上，请不要忘记写：href="css/style.css"

Answer 2

在遵循Ths的答案之后，我一直在寻找解决这个可能的缓存问题的方法。在将我的样式表调用从：

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

自：

<link rel="stylesheet" href="css/style.css" media="all" type="text/css <?php echo date('l jS of F Y h:i:s A'); ?>">

它现在似乎可以正确更新。以下是有关此CSS缓存问题的说明的链接：https://css-tricks.com/can-we-prevent-css-caching/

Answer 3

这是因为您的规则在 html 标签上，具有更高的优先级

您应该使用开发人员工具确定哪些样式有效地设置了样式

样式优先级有点复杂，因为"你是新的"，但首先因为你的规则是"活跃的"（看起来不是，但使用开发人员工具查看它会有所帮助）

也可以尝试使用« .container#contact»更精确 它有效吗？

样式

表处理的顺序不驱动优先逻辑，但在某些情况下，它会改变结果是"活动"样式

F12 和"检查样式"选项卡...