最近教えてはてなで多くなって来た質問の一つがこれ。
キーワード「はてなフォトライフ」に対処法が掲載されているが、下線を設定しているスタイルはtext-decoration以外にborder-bottomの可能性もあり、また読み込んでいるCSSファイルがimg.hatena-fotolifeだけでなく親要素などを限定している場合、そちらの指定の方が強く効いてしまうことがあるので少々厄介である。
その辺を考慮して強めに効く方法で書いてみた。
フォトライフ画像の下線の消し方
body div.hatena-body div.main div.day div.section img.hatena-fotolife {
text-decoration: none;
border-bottom: none;
}
これでどうだ。少々アレなのでキーワードを書き換えるのは躊躇われるということで日記に書くに止める。
……は！ここはむしろ
img.hatena-fotolife {
text-decoration: none ! important;
border-bottom: none ! important;
}
とすべきだったか。
これでも消えない例も。フォトライフ画像はフォトライフへのリンクが張られるので、リンクに下線を設定しているテーマではaの下線スタイルが有効になってしまう。
