删除 CSS 中的图像答案

【问题标题】：Remove image in CSS删除 CSS 中的图像
【发布时间】：2013-02-01 07:13:57
【问题描述】：

我在 style.css 中为 H1 定义了一个背景图片：

h1 {
    padding:10px 10px 5px 43px;
    margin: 0px 0px 0px 0px;
    overflow:hidden;
    background:url('../images/marker2.png') 17px 5px no-repeat; 
    color:#7c7960; 
    font-size: 1.40em; 
    line-height:18px; 
    font-weight:bold; 
    text-transform:uppercase;
}

但在某些 H1 标题中，我不希望出现此背景图像？如何在下面的代码中出现异常，使背景图像不显示？

<h1 itemprop="name" ><?php echo $products_name; ?></h1>

【问题讨论】：

您应该在发布问题之前先进行搜索：stackoverflow.com/questions/1461077/…

标签： css background

【解决方案1】：

这样写：

h1[itemprop="name"]{
 background-image:none;
}

例如检查这个http://jsfiddle.net/X2Aef/

【讨论】：

【解决方案2】：

试试这个：

<h1 itemprop="name" style="background:none;"><?php echo $products_name; ?></h1>

【讨论】：

【解决方案3】：

这会起作用。

<h1 itemprop="name" style="background-image: none;" ><?php echo $products_name; ?></h1>

【讨论】：

内联 CSS 不是最佳实践，不应被视为一个好的答案。
@Schwierig 我知道，但我认为这很适合他的要求。

【解决方案4】：

您可以添加 h1.noBg{background:none} 之类的类并将其传递给不需要背景的元素。其他选项是使用内联样式元素，例如

<h1 itemprop="name" style="background:none;">

但这不是一个好习惯。使用类来覆盖规则会更好。

【讨论】：

【解决方案5】：

这应该可以工作

<h1 itemprop="name" style="background:none !important;"><?php echo $products_name; ?></h1>

【讨论】：