從另一個樣式繼承的另一種風格

Question

如果有這樣

.Style1 
{ 
    background-color:white; 
} 

和樣式2這樣的風格。

.Style2 
{ 
    border: black solid 1px; 
} 

如何讓Style2將Style1作爲基礎樣式？

馬爾科姆

Answer 1

<... class="style2 style1" ..> 

Answer 2

在這裏的是要簡單地將其用作（例如）

class="style1 style2" 

這意味着如果發生任何重疊的元件將使用STYLE1然後藍紫魅力（覆蓋STYLE1與藍紫魅力例如，如果你在最後一個使用相同的屬性將被使用）。

Answer 3

據我所知，沒有辦法做到這一點。

你當然可以讓你想應用這些樣式包括類名<div class="style1 style2">

而且缺乏這個功能是有許多人在OOCSS（面向對象的CSS）上升的理由，而不管元素。和框架，如Less。

Answer 4

使用此方法：

<div class="Style1"> 
    <div class="Style2">bla bla bla</div> 
</div> 

Answer 5

有在CSS沒有繼承。你可以繼承最接近的是在你的HTML元素指定2類：

<div class="Style1 Style2">..</div> 

或者你可以簡單地使用相同的樣式名稱：

.Style1 { background-color:white; } 
.Style1 { border: black solid 1px; } 

現在STYLE1將有兩個屬性

Answer 6

你可以使用

<span class="style1 style2"> 

或定義

span { /* define base styles for all spans here */ } 

span.style1 { /*inherits styles from span, and adds specific styles to that */ } 

使用與

<p>Normal p text and <span>style</span>, <span class="style1">style 1 type text</span>.</p> 

Answer 7

.Style1, .Style2 { 
    background-color:white; 
} 

.Style2 { 
    border: black solid 1px; 
} 

這樣STYLE1和藍紫魅力都將有背景設置爲白色，只有藍紫魅力也將有黑邊。