まなびやウェブログ

自分が悩んだときのメモを備忘録として公開しておきます。同じ問題で悩んでいる人以外にはまったく無意味な情報なのであしからず。

スタイルシートの記述をcssファイルで

a:link, a:visited {普通の設定;}
p#hoge a:link, a:visited {部分的な設定;}

としていたところ、chromeがページ全体に「部分的な設定」を適用してしまうという現象に遭遇した。試行錯誤の結果

a:link, a:visited {普通の設定;}
p#hoge a {部分的な設定;}

のように、ID決め打ちの部分には擬似クラスを指定しないことで解決した。

なぜ擬似クラスのところがカスケードせず上書きになってしまうのか不思議ですが、とりあえず上記で動いている様子。