文本对齐媒体查询：center

Question

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

@仅限媒体屏幕和 (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;

。这是强制文本对齐属性。