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

【问题标题】：How can you add a class within a class in CSS?如何在 CSS 中的类中添加类？
【发布时间】：2016-12-23 06:36:33
【问题描述】：

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

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

CSS：

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

HTML：

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

【问题讨论】：

CSS 没有类。它有类选择器，按类选择元素。将一个 CSS 类导入另一个类是没有意义的。
使用 css 框架有多种方法可以做到这一点 - 或者，如果您正在使用构建过程，css 模块可以为您编写：css-tricks.com/css-modules-part-1-need
如果你使用像 Sass 这样的预处理器，你可以@extend 一个类进入另一个类，这实际上会复制它的所有属性。否则，您可以在 CSS 文件中复制/粘贴样式从 .col-xs-6 到 .content。
因此您必须使用类中的各个元素。 css-tricks 也很方便。我也会研究 Sass。 :)

【解决方案1】：

一般来说，为了按照您的要求进行扩展，您不能使用原始 CSS。你需要使用类似 SCSS 的东西：http://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS.html

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

【讨论】：