これは、既存の一般的なCSSルール(元のファイル)である:実際のケースでは、私はコンテキストに応じて、何か他のものになるために.caption-top
セレクタを必要とするのでCSS:セレクタ置換?
.caption-top {
color: red;
}
これは、概略図です。しかし、私はセレクターのすべての出現を変更する代わりに、変数を使用したいと思います。たとえば、あるコンテキストでは、.field-name-field-caption-top
になります。だから私は(ラッパーファイルを)このでした:
@caption-top: .field-name-field-caption-top;
@caption-top {
color: red;
}
これはLESSパースエラーを生成します。セレクタを置換するためのルールを確立する別の方法がありますか?上記の例のために、ルールは最終的に次のようになります、よう:
.field-name-field-caption-top {
color: red;
}
追加情報
全体のポイントは、それが外から来るので、元のCSSファイルには手を触れないことですとなります上書きされる代わりに、それを包み込み、既存のクラスを特定のテーマで使用されるクラスに置き換える方法をLessに伝えます。達成することができない場合、許容可能な解決策は、元のファイルを自動的な方法で変更することである。すべての ".caption"を "@caption"(上記のコードサンプルで提案したもの)に置き換えるか、冒頭などにインポートしてください。次に、ラッパーを使用して、何に置き換えられますか?
.caption-top {
color: red;
}
.field-name-field-caption-top {
.caption-top
}
あなたは使用または、あなたは、他のセレクタの内側に何度も何度も参照することができない、クラスを定義することができます:それはミックスインのように見える
[mixins](http://lesscss.org/#-mixins)はそうではありませんか? – cchana
私は知らない。しかし、あなたが[less less tool](http://leafo.net/lessphp/#demo)に行き、上記のコードを入力すると、致命的な解析エラーが発生します。 – camcam