0

多くの継承に関する質問が寄せられていることは知っていますが、それぞれのケースは固有のものであり、これには問題があります。

独自のスタイル設定が必要な h2 要素がいくつかありますが、以前に定義された h2 要素からプロパティを継承し続けます。

私はそれらに一意のクラスを与えようとしました.JSとJqueryを介してcssプロパティを定義しようとしましたが、何も機能していません.

これが私が話していることの例です：

<div class="parent">
    <h2>Original H2</h2>
    <div class="child">
        <h2>New H2</h2>
    </div>
</div>

.parent h2 {
    font-weight:bold;
    color:red;
}

.child h2 {
     font-weight:normal;
     color:green;
}

子の h2 タグに一意のクラスを指定しても、どこにも行きません。

<div class="parent">
    <h2>Original H2</h2>
    <div class="child">
        <h2 class="newh2class">New H2</h2>
    </div>
</div>

.parent h2 {
    font-weight:bold;
    color:red;
}

.child h2.newh2class {
     font-weight:normal;
     color:green;
}

<!--or-->

h2.newh2class {
     font-weight:normal;
     color:green;    
}

誰でも助けてもらえますか？

4

3 に答える 3

2

そうするには、 !important 値を使用する必要があります。

h2.newh2class {
    font-weight:normal;
    color:green !important;    
}
于 2013-07-25T18:10:51.963 に答える
0

css は次のようになります。

.parent > h2 {
     font-weight:bold;
     color:red;
}

.child h2 {
      font-weight:normal;
      color:green;
}

ここでチェックしてくださいhttp://jsfiddle.net/yNFUd/

于 2013-07-25T18:02:56.293 に答える