1

2 つの基本 CSS クラスがあります。

.smpb_color_gray {
    color:#cccccc;
}

.smpb_font_size_18 {
    font-size:18pt;
}

これらの両方のクラスを含む 1 つのクラスを作成することは可能でしょうか? 名前とと.smpb_my_combine_classが必要です。color:#ccccccfontSize:18pt

1 つのクラスを作成し、それらを他のクラスで使用したいと考えています。

私が作成したいように：

.smpb_base_border_width{
    border-width:1;
}

そして、他のコントロールのクラスを作成したいのですが、このクラスだけを含めたいのですが、新しいクラスは作成しません。将来デフォルトの幅を変更したい場合に必要です。

ベースに変更を加えると、すべてのクラスでその変更が必要になります。

4

6 に答える 6

2

JavaFX2 に関しては、.root要素でプロパティを定義できます。たとえば、-smpb-color-gray:#cccccc;別の css クラス内でそれを参照できます。

.root {
  -smpb-color-gray: #cccccc;
  -smpb-font-size: 18pt;
}

.smpb_my_combine_class {
  -fx-text-fill: -smpb-color-gray;
  -fx-font: -smpb-font-size;
}

-fx-text-fillあなたが何を色付けしようとしているのか正確にわからなかったので、私は使用しました。

それはあなたの基準に合っていますか？

于 2013-07-03T13:19:03.430 に答える
0

このように 1 つの html 要素に複数のクラスを割り当てることはでき <div class="border black"></div> ますが、私の知る限り、複数のクラスを 1 つに結合することはできません。

あまり詳しく調べたことはありませんが、SASSでやりたいことができるのではないかと思います。

于 2013-07-03T11:59:24.967 に答える
0

基本的に、あなたが求めているのは、カスケーディング スタイル シートとは何かということです...同じトップレベルのクラスまたは ID を持つ要素をグループ化します。あなたがしなければならない唯一のことは.smpb_my_combine_class、次のように値を作成して定義することです：

.smpb_my_combine_class{
    color:#cccccc;
    font-size:18pt;
}

次に、サブクラスを定義して、次のように最上位クラスの値をデフォルト値に置き換えます。

.smpb_my_combine_class .smpb_color_gray{
    font-size: medium; //The default value for font-size according to W3C
}

.smpb_my_combine_class .smpb_font_size_18{
    color: black; //The default value of your Page font color?
}

したがって、.smpb_my_combine_classクラス化された要素には、これらのデフォルト値と、それに基づく各クラスがあります。ただし、これは、サブクラス要素が.smpb_my_combine_class-classの要素内に含まれている場合にのみ機能することに注意してください

于 2013-07-03T12:06:54.980 に答える