1

特定のコンテナーには、次のように、その中に別の要素とのリンクがたくさんあります。

<div class="container">
     <a href="whatever.com">
          <h6>Link Text Here</h6>
     </a>
</div>

そして、「コンテナ」クラス内のすべてのリンクをフォーマットするために使用したい CSS があります。

.container a {
    color: #00f;
}

ただし、「h6」の色を別の色に設定する他の外部スタイルシートがあります。「コンテナ」内のリンクの CSS で、他の誰かが「h6」に設定したものをオーバーライドする方法はありますか? リンクではない「h6」タグがいくつかあるため、「コンテナー」内のすべての「h6」をオーバーライドしたくありません。

4

4 に答える 4

1

!important を使用してオーバーライドを提供できると考えています。

   .container a h6
    {
       color: red !important;
    }
于 2012-04-17T16:50:51.250 に答える
0

次のようなものを探していると思いますが、間違っている可能性もあります。

.container a h6 {
    color: inherit;
}

この方法の利点は、含まれている色が何であれ<a>、明示的に設定しなくても h6 にカスケードされることです。このようにして、色を一度だけ宣言します。保守性と可読性が向上します。わーい！

(これは IE8+ で動作します)

于 2012-04-17T16:59:26.317 に答える
0

リンクで一貫して h6 を使用している場合は、A タグにネストされた h6 要素のスタイルを設定します。CSS は次のようになります。

.container a h6 {color:666;}

これは、コンテナ クラスを調べてリンクを見つけ、a タグ内の h6 だけをスタイルするように CSS に指示しています。

于 2012-04-17T16:53:31.997 に答える
0 
.container a,
.container a h6 {
    color: #00f;
}
于 2012-04-17T16:50:39.457 に答える