html - HTML/CSS:一貫性のないレンダリングを行う疑似クラスを使用したタグ CSS ルール

Answer 1

現在 CSS を開発している場合、ブラウザに間違ったバージョンのスタイル シートがキャッシュされている可能性が非常に高く、リンクが正しく表示されない理由が説明されます。

次のことを試してください: css へのリンクに、ガベージ値を含むクエリ文字列を追加します。これにより、css の再ダウンロードが強制され、ルールが一貫して適用されるかどうかが確認されます。存在する場合は、キャッシュの問題であることがわかります。クエリ文字列をそのままにしておくと、ユーザーは CSS を再ダウンロードします。そうでない場合は、CSS に問題があります。firefox 用の firebug をダウンロードし、正しい色が表示されないリンクの 1 つをチェックし、適用されるルールを確認します。

クエリ文字列を追加する方法は次のとおりです。

<link rel="stylesheet" type="text/css" href="style.css?v=3">

Answer 2

もちろんこれは古い投稿ですが、最近同じ問題が発生しています。数時間検索した後、次の構文を使用しているため、マークアップが無効であることにようやく気付きました。

<a href="somlink"><i>my link text</i></a>

これはすべてのブラウザで完全にレンダリングされますが、もちろん私のスタイルシートの「a」セレクターは十分ではありませんでした。この場合、次のものが必要でした。

   a i, a:hover i, a:visited i
   {
       some rule....
   }

これが誰かを助けることができることを願っています...

Answer 3

とても奇妙に聞こえます。

まずcolor、ベースに a を配置して、 andaに一致させます。a:linka:visited

a {
    outline: 0;
    text-decoration: underline;
    color: #0099FF;
}

これは、見つかったすべてのアンカー タグに適用されます。href のないアンカー タグがある場合はa:link適用されません。