javascript - CSS 类别名

Question

是否可以生成 css 类别名？

细节：

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

可以说我希望容器完全像.row类和项目一样.col-lg-12

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

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

Answer 1

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

在这种情况下，您将查看：

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

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