我遇到了一些媒体查询问题。我正在尝试仅为移动设备居中文本。我已将以下内容添加到我的CSS中，但它似乎不起作用。任何帮助都将不胜感激。谢谢!@仅媒体屏幕和（最大宽度：500px）{. category-compare {text-align：center; }}
rbpvctlc1#
请将text-align:center;替换为text-align:center !important;。这是强制文本对齐属性。
text-align:center;
text-align:center !important;
q9rjltbz2#
确保你的嵌套是正确的。媒体查询是非常迂腐的。检查您的代码中.category-compare上以前的text-align规则，并检查它是如何嵌套的，即：.main-content .left-side .category-compare。如果它是这样嵌套的，则需要对媒体查询执行相同的嵌套。
.category-compare
text-align
.main-content .left-side .category-compare
2条答案
按热度按时间rbpvctlc1#
请将
text-align:center;替换为text-align:center !important;。这是强制文本对齐属性。q9rjltbz2#
确保你的嵌套是正确的。媒体查询是非常迂腐的。
检查您的代码中
.category-compare上以前的text-align规则，并检查它是如何嵌套的，即：.main-content .left-side .category-compare。如果它是这样嵌套的，则需要对媒体查询执行相同的嵌套。