text-align：center的媒体查询

Question

我在媒体查询方面遇到了一些问题。我试图仅为移动设备设置中心文字。我已将以下内容添加到我的CSS中，但它似乎没有做到这一点。任何帮助将非常感激。谢谢！

@media only screen and（max-width：500px）{。category-compare {text-align：center;}}

Answer 1

确保您的嵌套正确无误。媒体查询非常迂腐。

检查代码中text-align以前的.category-compare规则，并检查它是如何嵌套的，即：.main-content .left-side .category-compare。如果它是这样嵌套的，则需要为媒体查询执行相同的嵌套。

Answer 2

请将text-align:center;替换为text-align:center !important;。这是强制文本对齐属性。