不同文件中的相同CSS会使页面加载方式不同

Question

我有一个名为global.css的文件，我在那里移动了一些css，因为我在多个页面中使用它，然后我继续从页面特定的样式表中删除css并且页面的样式崩溃了。如果我把css放回原处我再次得到同样的风格。

这是代码：

.thumb {
background-position: center;
background-size: cover;
width:  24.66666666vw;
height: 24.66666666vw;
max-width: 500px;
max-height: 500px;
margin: 1vw;
}

.photoGrid {
    width: 80vw;
    height: auto;
    margin: 1vw 0 1vw 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
}

附： photoGrid是一个div，里面有多个拇指div。

P.P.S.我认为这是因为我之后将弹性框称为一个列，但它应该是针对不同的媒体查询，现在看起来很好。谢谢

Answer 1

如果我不得不猜测，我会说它是加载DOM及其元素的顺序的问题。您可能有不同的样式从其他样式表中取代。 Chrome的检查工具可以帮助您查看首先加载哪些样式并优先考虑。

Answer 2

它是关于样式的顺序，稍后导入的样式会先覆盖它们。听起来你有相互矛盾的风格。获得正确的订单可能会解决这个问题，也可能导致其他问题。