有没有一种方法可以最后编译媒体查询？

Question

我正在使用tachyons.io并在Codekit中编译src文件，以便可以使用某些库的变量和mixins。

.flex类如下：

.flex {
   display: flex;
}

类.dn-ns看起来像这样：

@media screen and (min-width: 40em) {
    .dn-ns {
        display: none;
    } 
}

但是，如果我这样做：

<div class="flex dn-ns"></div>

.flex会覆盖.dn-ns，因为.dn-ns首先出现在已编译的CSS中。

有没有解决的办法？