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

即使将我的浏览器调整为使用

sm

样式，此文本对齐也适用于它-尽管告诉它应用于

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>

定价

之所以应用它，是因为div上有class

subnav

，它定义了

text align:center

，与当前尺寸无关

您需要为特定对齐添加媒体查询规则：

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