2009-08-25 13 views
0

私のアンカーに 'href'タグを追加すると、すべてのCSSの書式が失われるようです。 CSSがリンクを扱う方法に特別なものがありますか?ここでcss hrefとリンク

は、ここで簡単なCSS

.topmenu > ul > li > a:visited, 
    .topmenu > ul > li > a:active, 
    .topmenu > ul > li > a:hover, 
    .topmenu > ul > li > a:link, 
    .topmenu > ul > li > a { font-family:Arial; font-size:1.0em; font-weight:bold; color:White; text-decoration:none; } 

あるhtmlの適切hrefのフォーマットなし

<div class="topmenu"> 
    <label>Name of Dept.</label> 
    <ul>      
     <li><a href="http://www.myurl.com">Itinerary</a></li> 
     <li><a>Team Members</a></li> 
     <li>Fundraising</li> 
     <li>Resources</li> 
     <li>Dates</li> 
    </ul>   
</div> 

ザ・です。 hrefはありません。私はcss a:linkとa:visitedがこのシナリオをカバーしていると思っていたでしょう。私がCSSに重要なものを追加すれば、どこでも正しいフォーマットが得られます。

+4

IEでは、HREFのないアンカータグはリンクとして認識されません。スタイルを立てると、ホバー、リンク、訪問済み、アクティブなどのアンカーのCSSのメリットは得られません。 – Zoidberg

+0

おかげで、ありがとう! – Daniel

+0

ええと、最小限の例を試してみてください。できます。少なくともFF3ではここ。 – derobert

答えて

1

ルールに!importantを追加できるということは、別のルールが優先されていることを示しています。 [href]をターゲットにしているものはありますか?

FirebugまたはSafariの開発者ツールでページを読み込み、指定した別のスタイルがルールを上書きしているかどうかを確認してください。