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

Css 将Twitter Boostrap元素样式合并到任何元素中,css,sass,less,Css,Sass,Less,我正在使用Drupal,但是,我并不总是能够自由地通过修改html标记来添加类。我想对我的custom.css文件中的元素应用一些Twitter引导样式(引导css文件已加载,因此样式可用) 例如,为了更好地说明它,我想将class=“img polarioid”(TB基本样式)应用于图像,我可以在自定义css样式表中作为div.someClass接口。我没有简单的方法将img标记更改为class=“img polarioid someClass” 我想在我的定制样式表中实现同样的功能。换句话说

我正在使用Drupal,但是,我并不总是能够自由地通过修改html标记来添加类。我想对我的
custom.css
文件中的元素应用一些Twitter引导样式(引导css文件已加载,因此样式可用)

例如,为了更好地说明它,我想将
class=“img polarioid”
(TB基本样式)应用于
图像
,我可以在
自定义css
样式表中作为
div.someClass
接口。我没有简单的方法将
img
标记更改为
class=“img polarioid someClass”

我想在我的
定制
样式表中实现同样的功能。换句话说,合并不是发生在html标记中,而是发生在css样式表本身中。我如何在现有技术的情况下实现这一点?我们是为了让这成为可能吗

多谢各位

p、 我知道有其他选择: -使用JS附加类 -将
class=“img polarioid”
的样式复制并通过
div.someClass
{…}
但这两种解决方案似乎都不太好

您可以找到要应用于引导样式表中元素的CSS代码部分,然后重写选择器,或者使用新选择器将代码复制到另一个文件中,这样样式就可以应用于这两种样式

。引导程序中的选择器,
.我的新选择器{
...
}

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

无礼 输出:

.bar, .foo {
    // styles
}
.bar {
    // styles
}

.foo {
    // styles
}
较少的 输出:

.bar, .foo {
    // styles
}
.bar {
    // styles
}

.foo {
    // styles
}

您的选项与您提到的相同,或者您可以修改引导样式表(不推荐使用——核心黑客在更新时往往会被覆盖)。谢谢您的帮助。复制和粘贴是我试图避免的。修改引导css是不可能的,因为我们希望尽可能经常地升级引导,谢谢你。听起来Less和Sass都可以通过运行css处理器的额外步骤来实现这一点。如果你必须选择在Sass或更少之间学习,你会选择哪一个?为什么呢?谢谢,阿加尼一开始用的较少,但在我个人看来,Sass在各个方面都更好。使用
@extend
的能力是我的终极卖点。另外,Sass有指南针。