如何在CSS中的类中添加类？

Question

假设您有500个页面都具有content类，并且您希望它们遵循bootstrap中的自动调整col-xs-6。

您不希望必须单独向所有人添加col-xs-6。有没有办法将这个类作为一个类添加到另一个类中（如下所示），而不必指定每个元素（如高度，宽度，@ media等）？

CSS：

.content{
    .col-xs-6
    {
     /* load col-xs-6 into .content */
    }
}

HTML：

<div class="content"></div>

Answer 1

通常，为了像您要求的那样进行扩展，您不能使用原始CSS。您需要使用类似SCSS的内容：http://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS.html

不幸的是，您无法扩展Bootstrap网格，因为它是动态生成的：Can Bootstrap 3 Grid Be Extended?