0

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

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

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

谢谢你

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

4

2 回答 2

1

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

萨斯

.foo {
    @extend .bar;
}

输出：

.bar, .foo {
    // styles
}

较少的

.foo {
    .bar;
}

输出：

.bar {
    // styles
}

.foo {
    // styles
}
于 2013-03-06T17:48:56.570 回答
0

您可以在引导样式表中找到要应用于元素的 CSS 代码部分并重写选择器或将代码复制到具有新选择器的另一个文件中，以便样式适用于两者

.selector-from-bootrap,
.my-new selector{
 ...
}
于 2013-03-06T16:41:06.260 回答