0

私は次のようなcssスタイルシートを持つ単純なdivであるコードを持っています：

#upgrade-message {
   margin: 15px 0px;
   padding: 15px 10px 15px 50px;
   background-repeat: no-repeat;
   background-position: 10px center; 
   color: #00529B; 
   background-color: #BDE5F8;
   background-image: url('../../../../templates/yoo_vanilla/images/typography/box_info.png');
   display: block;
   clear: left;
   float: right;
}

#upgrade-message a:link {
   color: black;
}

コードは次のとおりです（phpではありますが、アイデアは得られます）：

echo "<div id=\"upgrade-message\">A message: <a href=\"ppay\">Upgrade</a> now!</div>";

私のcssのa：link部分が適用されていません。基本的に、「アップグレード」テキストを黒に変更したいだけです。インラインスタイルを入れるとうまくいきます。

Firebugで確認し、cssの他の部分が適用されているため、サイトで競合が発生していませんupgrade-message。また、firebugにcssが表示されますが、適用されないようです。私はこのフィドルを試して、正しい構文であることを確認しました。

誰かがcsswitha:linkが適用されない理由に光を当てることができますか？

4

1 に答える 1

3

おそらくあなたはすでにリンクにアクセスしていますか？そのため、CSSは適用されません。使用する

#upgrade-message a { }

または最新のブラウザまたはより互換性のあるもの：

#upgrade-message a:link,
#upgrade-message a:hover,
#upgrade-message a:visited,
#upgrade-message a:active {
    /* ... */
}
于 2012-11-09T19:09:25.207 に答える