2017-10-11 16 views
0

これが可能かどうかを知りたいです。 bodyのバックグラウンドカラーなどのCSSファイルでプロパティを定義し、同じ色を持ちながら本体から継承した入力ボタンを指定する...クラス間のCSS「共有」スタイル

body { 
    background-color: #0000AA; 
    font-size: 12px; 
    color: #FFFFFF; 
} 

input[type="button"] { 
    background-color: body.background-color; 
} 

ボディの背景色を変更すると、入力ボタンも変更されます。 可能ですか?

ありがとうございました。

+2

サスはこのようなもののために素晴らしいですが、私は非常にそれを学ぶお勧めします、またはLESSと思います。 – athms

答えて

0

についてどのように:

body, input[type="button"] { 
    background-color: #0000AA; 
} 

body { 
    font-size: 12px; 
    color: #FFFFFF; 
} 

あなたはまた、似たような達成することができますSCSS variables

+0

私はいつもこれをやっています...しかし、私のアプリケーションでは、この瞬間にこの色をすべて変更しなければならず、色を一度定義してから別の色を使う可能性があるかどうかを見たいと思っていました別のCSSスタイル(CSSオブジェクト指向のようなもの)で定義されています。 –

+0

@DanieleComandini [OK]を、より良い解決策のための更新された答えを参照してください。 –

1

ない正確けどCSS Custom Properties(とも呼ばれるCSS変数)を見てしたい場合があります。

ブラウザー(エッジを含む)ではなくIEがサポートされています。

body { 
 
    --main-bg-color: brown; 
 
    background-color: var(--main-bg-color); 
 
    font-size: 12px; 
 
    color: #FFFFFF; 
 
} 
 

 
input[type="button"] { 
 
    background-color:var(--main-bg-color); 
 
    color: white; 
 
}
<input type="button" value="Button" />

関連する問題