0

私はDrupalを使用していますが、htmlタグを変更してクラスを追加できるとは限りません。ファイルの要素にTwitterBootstrapスタイリングを適用したいと思いcustom.cssます（ブートストラップcssファイルがロードされているため、スタイリングを使用できます）。

たとえば、わかりやすく説明するために、スタイルシートのようにインターフェイスできるものにclass="img-polaroid"（TBベースのスタイル設定）を適用したいと思います。タグを変更する簡単な方法はありません。imagediv.someClasscustom cssimgclass="img-polaroid someClass"

私のcustomスタイルシートでも同じことを達成したいと思います。つまり、マージはhtmlタグではなく、cssスタイルシート自体で行われます。現在のテクノロジーを使用してこれを達成するにはどうすればよいですか？これを可能にするために私たちはそこにいますか？

ありがとうございました

ps私は代替案を知っています：-JSを使用してクラスを追加します-のスタイルをコピーしclass="img-polaroid"てdiv.someClass{...}に貼り付けますが、どちらもあまり良い解決策ではないようです

4

2 に答える 2

1

これをどのように行うかは、使用しているCSSプリプロセッサによって異なります。TB自体またはマークアップの変更を避けたい場合は、1つを選択する必要があります。

サス

.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 に答える