ホームページ > 記事 > ウェブフロントエンド > a:visited が無効なのはなぜですか? _html/css_WEB-ITnose
a:visited が無効なのはなぜですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:17:361466ブラウズ
うわー
なぜこのコードを実装できないのか: マウスがクリックされていないときは青、クリックされると黄色、次に 2 番目をクリックすると 2 番目が黄色になり、前のコードに戻ります。青？ ? ? 1 はい 1 に問題があることがわかりました。ここにアクセスしましたか? 2. このページを開くと、全部青くなっていませんか？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><style type="text/css">.link a:link{ color:blue;}.link a:visited{ color:yellow;}.link a:hover{ color:red;}.link a:active{ color:#ccc;}</style></head><body><div id="webmanage"> <ul> <li class="link"><a href="__ROOT__category" target="dashbord">栏目一</a></li> <li class="link"><a href="__ROOT__article/lists" target="dashbord">栏目二</a></li> <li class="link"><a href="__ROOT__article/add" target="dashbord">栏目三</a></li> <li class="link"><a href="__ROOT__member/reg" target="dashbord">栏目四</a></li> </ul></div> </body></html>
前の .link を削除してください
最初の .link も削除する必要があります。それはタイプミスでした。
この属性 a を異なるクラスに分割し、その属性を設定します。例:
25edfb22a4f469ecb59f1190150159c65643b679b965ad781916921c5c4868505db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb 25edfb22a4f469ecb59f1190150159c62c6ab5d9b5aa616032ab9f3ce1f9e93f5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6082c059b66ec6df7687d01d88cfd77a05db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6312f90fb9b2e44f52ff7d821507bccff5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
css:
.a a:link{}
.ba:link{}
.c a:link{}
.d a :link{}
望む効果が得られるはずです