仅当两个类都在使用时才应用样式（媒体查询/引导程序）

Question

即使我的浏览器已调整大小以使用sm样式，此text-align也适用于它 - 尽管它告诉它应用于md-3，而不是sm

换句话说，我希望只有在媒体查询将我的设备解释为sm屏幕时才能应用样式。我在下面的风格适用于所有尺寸 - 甚至md。我该如何解决？

我的CSS：

div.col-md-3.subnav{
    text-align: center;
}

HTML：

<div class="col-xs-12 col-sm-6 col-md-3 subnav">Pricing</div>

Answer 1

已应用，因为div上有subnav类，无论当前维度如何，都定义text-align: center。

您需要为特定路线添加媒体查询规则：

@media (min-width: 768px) {
    .subnav {
        text-align: center;
    }
}