.css中的样式无效。怎么了？

Question

在我的project.css中，我有2个相似的类。它们之间没有什么区别，除了类的名称。

.eventsimgmain {
    display: block;
    margin: 0 auto;
}


.dormimg {
    display: block;
    margin: 0 auto;
}

在我的html文件中，我有两个图像：

<img class="eventsimgmain" src="../../static/img/dorm1.JPG">
<img class="dormimg" src="../../static/img/dorm2.JPG">

因此，.eventsimgmain与.dormimg相同。它将图像放在我的<div>的中心。问题是第二类（.dormimg）不起作用。我希望这些类可以相同地工作，但是.dormimg却没有。为什么？关闭服务器，将所有更改保存到项目中。 Here is how it works

Here is a 1 image. Everything is fine

Here is 2 image. And here is where problem is

This is a screenshot of project.css

Answer 1

您的.dormimg类很可能被应用于该元素类型的其他某种样式覆盖。右键单击该元素，然后使用“检查器”工具并在 STYLES （侧边栏）中查看以进行验证。