1

CSS のプロパティを「ここでは定義されていません」に設定することは可能ですか?

この例を想像してみてください。

<div class="intro-text">
    This text should be big and have padding on all sides.
</div>
<div class="intro-text no-tb-padding">
    This text should also be big, but only have padding left & right.
</div>

.intro-text {
    font-size: large;
    padding: 1em 2em;
}
.no-tb-padding {
    padding: [what here?];
    ...

さて、これが問題です。padding-top後のクラスではとpadding-bottomを 0に設定したいと思います。これは、この 2 つのルールだけで実行できることを知っています。しかし、CSS でこのように定義する方法はありますか?

padding: 0 [defined somewhere else];

これにより、前者のクラスは左右のパディングを定義しますが、後のクラスは上下のパディングを定義します。

これは現在 CSS で可能ですか?

4

3 に答える 3

3

そのようなワークフローには、SASS または LESS が最適です。

この特定の例では、padding-right と padding-left を設定するだけです:

padding-right: 0;
padding-left: 0;
于 2013-11-12T17:10:34.080 に答える
2

省略形プロパティの目的は、適用可能なすべての値を 1 つの宣言で指定できるようにすることです。特定のプロパティ値を設定しないようにしようとしているので、省略形のプロパティを使用しないでください (実際には使用できません)。padding-topプロパティとpadding-bottomプロパティを別々に設定する必要があります。

于 2013-11-12T17:07:36.337 に答える
1

私はCSSフレームワークであるLESSを使っていますが、とても便利です。元。変数を使用して、それを必要な数のクラスに与えることができます。その後、すべてが同じ説明を持ち、1 か所だけで定義されます。通常の CSS で使用するには、以下を追加するだけです。

padding-right: 0;
padding-left: 0;

上下のパディングは前のクラスで取ってしまうからです。それが役立つことを願っています。

于 2013-11-12T17:23:56.127 に答える