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