媒体查询文字对齐方式：居中

Question

我在媒体查询方面遇到了一些问题。 我正在尝试仅使移动设备的文本居中。 我在CSS中添加了以下内容，但似乎并没有解决问题。 任何帮助将非常感激。 谢谢！

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

Answer 1

确保嵌套正确。 媒体查询非常令人讨厌。

检查您的代码中有关.category-compare先前text-align规则，并检查其嵌套方式，即： .main-content .left-side .category-compare 。 如果这样嵌套，则需要对媒体查询进行相同的嵌套。

Answer 2

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