我有一个名为 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;
}
PS photoGrid 是一个 div，里面有多个拇指 div。
PPS 我认为这是因为我稍后将 flex box 称为列，但它应该用于不同的媒体查询，现在看起来很好。谢谢
如果我不得不猜测，我会说这是加载 DOM 及其元素的顺序的问题。您可能有不同的样式取代了其他样式表。Chrome 的检查器工具可以帮助您查看哪些样式最先加载并具有优先权。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句