css - 如何在 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?