1

別のクラスの同じ属性値に値 (たとえば、パディング) を追加する CSS クラス/ID を作成することは可能でしょうか?

もっと分かりやすく書いてみます。

.someClass{
padding: 20px;
}

.thickenMe{
padding: 5px;
}

そして、これらのクラスを次のように適用すると、

<div class='someClass thickenMe'>
<!--planning to beef up this div-->
</div>

この div のネット パディングは 25px になるはずです。

cssだけで可能でしょうか？それはただの考えです！

4

3 に答える 3

2

これは純粋な CSS では不可能です。

ただし、次のように「太く」することができる各要素の CSS 句を記述することもできます。

.someClass{
padding: 20px;
}

.someClass.thickenMe{
padding: 25px;
}

別の方法として、次のようにマージンとパディングを使用することもできます。

.someClass{
padding: 20px;
}

.thickenMe{
margin: 5px;
}

ただし、他の CSS によっては、それができない場合があります。

最も簡単な解決策は、純粋な CSS ではありませんが、JavaScript を使用することです。JQuery を使用した例を次に示します。

var prevPad = $('.thickenMe').css('padding').replace("px", "");
prevPad =  parseInt(prevPad);
$('.thickenMe').css('padding', prevPad + 5 + "px");​
于 2012-08-11T16:17:45.587 に答える
0

JavaScriptいいえ。属性を動的に変更する場合は、クライアント側のスクリプト (つまり ) を使用する必要があります。または、いくつかの動的ソースからコンパイルしてスタイルを定義したいだけの場合は、LESSまたはSASSを試してください。

于 2012-08-11T16:14:35.590 に答える
0

残念だけど違う。変数を提供するLESSのような CSS プロセッサを使用してこの種の機能を取得するか、クライアント側のスクリプト (jQuery を使用すると最も簡単) を介して処理できますが、ネイティブ CSS はそのようには機能しません。同じ属性を指定すると、クラスは互いにオーバーライドします。それらは互いに補完しません。

于 2012-08-11T16:16:05.683 に答える