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

你需要将背景设置为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}

覆盖链中的类？

2 个答案: