• 締切済み

CSSの添削をお願いします。リンク色が反映しません

閲覧ありがとうございます。下記CSSの 「.CLASS li a:link,a:visited{ color:red; text-decoration:none;」 の部分が反映されず、ブラウザの標準設定のままになってしまいます。 本来のstyleの全文はbodyや他のクラスの記述もしているのですが、それらが影響しているわけではないことを確認してあります。 <style> .CLASS ul{ padding:0; } .CLASS li{ border-top: solid pink 1px; list-style-type: none; } .CLASS li a:link,a:visited{ color:red; text-decoration:none; background-color:lightgray; display: block; } .CLASS li a:hover { background-color:gray; } </style> <div class="CLASS"> <ul> <li> <a href=""> 反映されてない…リンク文字色red、デコレーションnone</a> </li> <li> <a href="">反映されてる…リンク背景色lightgray、ホバー背景色gray</a> </li> </ul> </div> 宜しくお願いします

みんなの回答

回答No.2

試してはいませんが、 .CLASS li a:link,a:visited ↓ .CLASS li a:link, .CLASS li a:visited なのでは。 それでダメなら、a:visitedというのはhrefに対してvisitedなわけで、 href=""ではなく#でもいいから何かしら値を入れたら変わったりしませんか? あとは他の方も回答されているように、 もう少し情報がないと追えない感じですね。 ・どのブラウザなのか ・HTML宣言はどうか などなどなど。

回答No.1

コピペしてHTML作ってみましたが、赤色で下線なしになってますよ? firefox opera で確認しました。 実物をどこかにアップしたほうがいいかも・・・ あとそうなる環境も提示したほうがいいかも。OS ブラウザ