1

H1のstyle.cssで定義された背景画像があります。

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.noBg{background:none}して、背景が不要な要素にこれを渡すことができます。他のオプションは、次のようなインラインスタイル要素を使用することです。

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

しかし、これは良い習慣ではありません。クラスを使用してルールをオーバーライドすることをお勧めします。

于 2013-02-16T12:18:23.173 に答える
0

これはうまくいくはずです 

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

これを試して：

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