html - .css 中的样式不起作用。怎么了？

Question

在我的 project.css我有 2 个类似的类(class)。除了类的名称外，它们之间没有区别。

.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 )不起作用。我希望这些类(class)的工作方式相同，但是 .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 侧边栏以进行验证。