:visited擬似クラスの宣言が詳細度を無視してカスケード処理される

症状

同じ詳細度で擬似クラスへのスタイル宣言と通常のセレクタへのスタイル宣言が存在するとき、これらの出現順序を無視して:visited擬似クラスに指定したスタイル宣言が優先して適用される。

例示

<style type="text/css">
ol a:link {
  font-weight: bold;
}
ol a:visited {
  font-weight: bold;
}
ol a.nb {
  font-weight: normal;
}
</style>

<ol>
<li><a href="b000.html">未訪問1</a></li>
<li><a href="b101.html">訪問済1</a></li>
</ol>
<ol>
<li><a href="b000.html" class="nb">未訪問2</a></li>
<li><a href="b101.html" class="nb">訪問済2</a></li>
</ol>

各リストの1つ目のアイテム内のリンクは未アクセス、2つ目のアイテム内のリンクはアクセス済みの状態を想定しています。class属性に「nb」が指定されたa要素内の文字列は標準の太さで表示されるはずです。

スクリーンショット

N7N7.02での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

修正状況

WinIE6.0標準モード、WinIE6.0互換モードで不具合の発生が確認されました。

WinIE7では修正されています。

関連記事

スポンサーリンク

プラグインvagrant-vbguestを使うときの注意点

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る