CSS样式未应用于HTML文档上的特定div

我有一个带有

元素的HTML文档，该元素最初是通过其

id

属性在一个单独的CSS文件中设置样式的。但是，我想在另一个页面上创建一个具有相同样式的类似元素，因此我将

id

属性更改为

class

属性，并将相关CSS从

#id{}

更改为

.class{}

这个小小的变化导致它不再是样式，我不知道为什么

以下是变更前的相关代码：

CSS:

HTML:

HTML:

打
停留

div不再具有任何指定的样式属性。此外，这只发生在我的主HTML文档中。如果我创建了一个新的HTML文件，其中只包含我感兴趣的

，并且包含相同的样式表，那么更改工作正常

最后，我的问题是：HTML文档中还有什么可能以这种方式干扰

的样式

我尝试/检查过的其他事项：

1） 对my.js文件、my.css文件和my.html文件运行ctrl+f搜索，查看是否在其他地方调用了该类/id，但短语“player\u options\u button\u container”仅存在于html文档中的一个位置和css文件中的一个位置，而不存在于.js中

2） 使用chrome developer工具运行我的程序，并在更改前后检查程序的html元素，但我看不到任何异常，也没有抛出错误。除此之外，我真的不知道该找什么

3） 将div的

id

属性更改为

class

属性后，尝试了div的内嵌样式。内嵌样式可以正常工作，但在标题中使用

标记则不行

---

任何想法都将不胜感激。

谢谢你的建议，但我确实找到了答案，结果证明非常简单。我正在本地主机上用MAMP服务器运行和测试我的站点，显然它只是给了我一些文件的缓存版本，所以当我更新并刷新页面时，HTML文档被更新了，但是浏览器仍然使用css文件的缓存版本，这导致没有应用css。一个清晰的缓存和硬刷新解决了这个问题。

我猜在这条线的某个地方有一些东西覆盖了

.class{}

，或者是在同一个css文件中，或者是在以后加载的另一个样式表中。有两件事需要检查，浏览器控制台要确保css文件已加载，在“元素”部分中，单击div并查看正在使用的样式applied@emsimpson92但是类名不会出现在css文件的其他任何地方（使用ctrl-f进行搜索）。而且，根本没有样式应用于类，所以我认为这不是被覆盖的情况。有什么特别的东西我可以找吗？你的html文档在哪里？请发布完整的html、css源代码……或者你可以在@crosscrosscrass这样的例子中发布相关代码，我有250行html和200行css。我应该编辑我的帖子并将它们都包括在这里，还是有更好的地方放置它们？

#player_options_button_container{
    display: block;
    border: solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

<div id="player_options_button_container">
    <button class="hit_button" type="button" >Hit</button>
    <button class="stay_button" type="button" >Stay</button>
</div>

.player_options_button_container{
    display: block;
    border: solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

<div class="player_options_button_container">
    <button class="hit_button" type="button" >Hit</button>
    <button class="stay_button" type="button" >Stay</button>
</div>