1

我在 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>
4

5 回答 5

1

像这样写：

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

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

于 2013-02-16T10:57:35.353 回答
1

这将起作用。

<h1 itemprop="name" style="background-image: none;" ><?php echo $products_name; ?></h1>
于 2013-02-16T11:03:51.367 回答
0

尝试这个：

<h1 itemprop="name" style="background:none;"><?php echo $products_name; ?></h1>
于 2013-02-16T11:01:14.727 回答
0

这应该工作 

<h1 itemprop="name" style="background:none !important;"><?php echo $products_name; ?></h1>
于 2013-02-16T12:44:19.310 回答
0

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

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

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

于 2013-02-16T12:18:23.173 回答