CSS之間「分享」風格

我想知道這是否可能。我想在一個CSS文件中定義一個屬性，例如body的背景顏色，然後指定一個輸入按鈕，它具有相同的顏色，但是從body繼承...類似這樣...CSS之間「分享」風格

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

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

所以當我改變身體的背景顏色時，輸入按鈕也在改變。這可能嗎？

謝謝。

來源

2017-10-11 Daniele Comandini

薩斯是偉大的事情就是這樣，我會強烈建議學習它，或更少。 – athms

如何：

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

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

你也可能想看看SCSS variables

來源

2017-10-11 15:00:08

我總是這樣做......但在我的應用程序中，在這一刻，我必須改變所有這些顏色，我想看看是否有可能定義顏色一次，然後另一個使用相同的在另一個css風格中定義（如擁有一個CSS Object Oriented）。 –

@DanieleComandini好的，看到更好的解決方案的更新答案。 –

不準確，但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" />

來源

2017-10-11 15:05:00

CSS之間「分享」風格

回答

相關問題