css - 将 Twitter Boostrap 元素样式合并到任何元素中

Question

我正在使用 Drupal，但是，我并不总是可以自由地通过更改 html 标记来添加类。我想在我的 custom.css 文件中的元素上应用一些 Twitter Bootstrap 样式(加载了 bootstrap css 文件，因此样式可用)。

例如，为了更好地说明它，我想将 class="img-polaroid"(TB 基本样式)应用于我可以作为接口(interface)的 image div.someClass 在我的 custom css 样式表中。我没有简单的方法来更改 img 标签以具有 class="img-polaroid someClass"。

我想在我的 custom 样式表中完成同样的事情。换句话说，合并不是发生在 html 标签中，而是发生在 css 样式表本身。我如何利用现有技术实现这一目标？我们是为了让这成为可能吗？

谢谢

附注我知道替代方案:- 使用 JS 附加类- 将 class="img-polaroid" 的样式复制并粘贴到 div.someClass {...}但两者似乎都不是很好的解决方案

Answer 1

如何处理取决于您使用的 CSS 预处理器。如果您想避免修改 TB 本身或标记，则必须选择一个。

萨斯

.foo {
    @extend .bar;
}

输出:

.bar, .foo {
    // styles
}

少

.foo {
    .bar;
}

输出:

.bar {
    // styles
}

.foo {
    // styles
}