CSS类别名[重复]

Question

是否可以生成css类别名？

详情：

我正在使用bootstrap.css 框架，并且我有一些我无法更改的html。这个 html 有一些容器，其类为 "awesomnes-container"，其中一些项目为 "awesomnes-item"。

假设我希望容器完全像 .row 类和像 .col-lg-12 这样的项目

我知道使用 javascript 添加所需的类非常简单，但我发现它不是 100% 稳定的解决方案，如果失败，后果将是巨大的。

我也不想修改原始引导文件，因为这将是更新的噩梦。我正在使用引导后加载的一些“覆盖”css 文件。

Answer 1

默认情况下，Bootstrap 的 CSS 以 LESS 形式编写，因此最好包含一个额外的 .less 文件并使用其extend 函数将您的 HTML 类映射到您希望它们实现的 Bootstrap 类。

在这种情况下，您会看到：

.awesomnes-container {
    &:extend(.row);
}

.awesomnes-item{
    &:extend(.col-lg-12);
}