0

私はしばしばこの問題を抱えており、最もエレガントな解決策がわかりません。それはうまくいくでしょうが、私は使いたくありません!important

私のサイトには、クラスのdivに含まれている記事がありarticleます。対応するCSSは、このようにH4タグを制御します。

.articles h4 {
font-size: 16px;
}

ただし、私の記事にnoticeは、いくつかのH4タグも持つクラスを持つdiv要素がありますが、以下でこのCSSを使用すると、articles代わりにクラスからの宣言が適用されます。

.notice h4 {
font-size: 24px;
}

私が欲しいのは、実際のH4タグにクラスを適用する必要がないことを意味するソリューションですnotice —コンテナ要素によってH4タグを指すことができるようにしたいのです。

4

3 に答える 3

0

クラスをより具体的にターゲットにするようにしてください。使ってみて

.articles .notice h4 {
    font-size: 24px;
}
于 2012-09-13T13:39:41.420 に答える
0

子セレクターを使用する必要があります。.articleクラスが単なるラッパーで、h4 要素がその直接の子である場合、これは簡単に修正できます。子セレクターは広くサポートされています。

.article > h4 { font-size: 16px; }

子セレクターは、直接の祖先ではない要素にそのスタイルを適用しません。したがって、別のラッパーに別の h4 要素がある場合、ラッパーの外側のスタイルはありません。

于 2012-09-13T13:40:15.900 に答える
0

マークアップが次のようなものであると仮定します。

<div class="articles">
    <h4> Article Title </h4>
    <div class="notice">
        <h4> Notice Title </h4>
    </div>
</div>

に限って

.notice h4 {
    font-size: 24px;
}

cssファイルの.articlesの下にあり、動作するはずです。ただし、別の修正は使用することです

.articles .notice h4 {
    font-size: 24px;
}
于 2012-09-13T13:43:08.547 に答える