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

元素中应该如何引用第二个版本？

-- 编辑 --
以下是否可能，所以没有背景，我可以重用颜色、显示和字体大小？

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

Answer 1

您需要将背景设置为无，否则它只会从上一个类继承它。

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