Css 将Twitter Boostrap元素样式合并到任何元素中
我正在使用Drupal,但是,我并不总是能够自由地通过修改html标记来添加类。我想对我的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” 我想在我的定制样式表中实现同样的功能。换句话说
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有指南针。