重寫鏈中的類？

Question

我有以下幾點：

.mainClass a.customizeIt span { 
background: transparent url('../images/myimage.png') no-repeat; 
color: #ffffff; 
display: block; 
font-size: 13px; 
} 

是否有某種方式做以上的另一個版本，因此不使用背景圖片？

.mainClass a.customizeIt span { 
color: #ffffff; 
display: block; 
font-size: 13px; 
} 

應該如何在元素中引用第二個版本？

- 編輯 -
是否有以下可能，所以沒有背景，我可以重複使用顏色，顯示和字體大小？

.mainClass a.customizeIt a.no-bg span { 
background: none; 
} 

Answer 1

這是你主要的嗎？

HTML

<a class="customizeIt" href="#"><span>sample1</span></a> 

使用該類no-bg在要刪除背景圖像的部分只是顯示下方

<a class="customizeIt no-bg" href="#"><span>sample2</span></a> 

CSS

.mainClass a.customizeIt span { 
background: transparent url('../images/myimage.png') no-repeat; 
color: #fff; 
display: block; 
font-size: 13px; 
} 

.mainClass a.no-bg span {background-image:none !important} 

Answer 2

您需要將背景設置爲none，否則它只會從前一個類繼承它。

.mainClass a.customizeIt span { 
    background: none; 
    color: #ffffff; 
    display: block; 
    font-size: 13px; 
}