javascript - CSS 类别名

标签 javascript jquery html css twitter-bootstrap

<分区>

是否可以生成 css 类别名?

详细信息:

我正在使用 bootstrap.css 框架,我有一些 无法 更改的 html。这个 html 有一些容器类 "awesomne​​s-container" 和里面的一些元素类似 "awesomne​​s-item"

假设我希望容器完全像 .row 类和像 .col-lg-12

这样的元素

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

我也不想修改原始 Bootstrap 文件,因为这对更新来说是一场噩梦。我正在使用 Bootstrap 后加载的一些“覆盖”css 文件。

最佳答案

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

在这种情况下,您将查看:

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

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

关于javascript - CSS 类别名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18537143/

相关文章:

jQuery 查询字符串对象

html - 使用 Container Div CSS 的 CSS 子链接

javascript - jquery 检测小键盘按键值

javascript - 暂停/恢复后转换速度加快

javascript - 异步事件和异常

javascript - 为什么 Chrome 全屏后背景变成黑色?

html - 在文本上使用 alt 或标题

javascript - 使用 axios 调用渲染表对象上的对象列表 : Rendering logic

javascript - 处理输入类型 ='color' 上的对话框关闭事件

javascript - 了解 Backbone.js REST 调用