0

私の CSS には、Web サイト全体のリンク用に次のコードがあります。

#mainpanecontent A:link {
    FONT-WEIGHT: bold; COLOR: #6a0a0a; TEXT-DECORATION: none
}

以下のコードを使用して、リンクでもあるヘッダーを別の色に変更したいのですが、強制しません。私のコードは、「mainpanecontent」を使用する div 内にあります。

ヘッダーコード

.contact
 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
padding-left: 50px;
background-position: 25px 14px;
padding-top: 13px;


}

.contact a:link, .contact a:visited
{

color: #1F507F;

}


.contact a:hover
{

color: #1F507F;


}
.contact a:active
{

color: #1F507F;


}
4

3 に答える 3

0

前のルールがどれほど明示的であったかにより、CSS ルールが強制されない場合があります。上記のルールでは、クラスよりも明示的な ID を参照しています。

もちろん、他の問題は、「オーバーライド」が他のルールの前に定義されているため、上書きされる可能性があります。

!important最初のケースでは、ルールのオーバーライドを強制するために使用できます。

例えば

.contact
{
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-left: 50px;
  background-position: 25px 14px;
  padding-top: 13px;
}

.contact a {
  color: #1F507F !important;
}

それぞれの場合にリンクの色を同じ色に設定しているだけなので、他のルールを削除したことに注意してください。同じ定数で疑似クラスなど:hoverを定義する必要はありません。:active

于 2013-11-07T23:50:25.547 に答える