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

这是你的主旨吗？

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}