html - チェーン内のクラスをオーバーライドしますか？

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;
}

要素で2番目のバージョンをどのように参照する必要がありますか？

-編集-
背景がなく、色、表示、フォントサイズを再利用できるように、次のことは可能ですか？

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

Answer 1

背景をnoneとして設定する必要があります。そうしないと、前のクラスから背景が継承されます。

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

Answer 2

これはあなたが主なものですか？

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}