CSS类别名

Question

是否可以生成css类别名？

细节:

我正在使用bootstrap.css框架,我有一些我无法改变的HTML .这个html有一些带有类的容器,"awesomnes-container"里面有一些类似的东西"awesomnes-item".

让我们说我希望容器像.row课堂和项目一样出类拔萃.col-lg-12

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

我也不想修改oryginal bootstrap文件,因为这将是更新的噩梦.我正在使用bootstrap后加载的一些'overlay'css文件.

Answer 1

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

在这种情况下,你会看到:

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

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