1

私のhtmlで私が持っている

<div id="mainNewsBody" class="news">
    <a class="readMore" href="/News/Details/1">read more ...</a>
</div>

このcssで続きを読む... snipperをスタイリングしてみました

#mainNewsBody .news .readMore a{
    color: #7F0609;
}

このスタイルを実際に適用するには!important、color プロパティでキーワードを使用する必要があります。この !important キーワードがそのプロパティを強制的に使用することは知っていますが、特定の ID を特定のクラス要素と一致させ、その要素内でリンクをマッハに一致させるように明示的に指示したため、ここでなぜそうなのかわかりません。

誰かが私に光を当てることができますか.

ありがとう

4

6 に答える 6

1

Ozan の言うとおりです。「mainNewsBody」ID がどうしても必要でない場合は、CSS から削除してください。

.news .readMore a{
color: #7F0609;}

本当に具体的であり、CSS セレクターに ID を含める必要がある場合は、「.news」の前のスペースを削除してください

#mainNewsBody.news .readMore a{
color: #7F0609;}

CSS トリック - 複数のクラス ID セレクター

于 2013-05-03T06:55:49.067 に答える
0

おそらく、コードが要素のインライン css を生成しているか、別の場所にキーワードを持つ要素aのあまり具体的でない定義があります。a!important

インライン スタイルは、要素の外側で定義されたスタイルよりも優先度が高くなります。インライン スタイルまたは!importantキーワードを含むスタイルをあまり具体的でない定義で克服するには、キーワード!importantとより具体的な定義で定義する必要があります。

于 2013-05-03T06:55:45.527 に答える