質問: gooブログのタイトル文字のcssの設定について 初めまして。 gooブログアドバンスでカスタムフリーを利用しているのですが、cssのコーディングについて教えて頂きたい事があります。 "ブログのデザイン" 全体の設定として、リンク文字は白、マウスを乗せた時に文字の色が赤で太さとサイズを若干大きくなるように設定した上で、ブログのタイトル(css上では".btitle")の文字(これもリンク文字です)については、もとの色を赤にして、マウスを乗せた時に、サイズ、太さはそのままで色だけ黒になるようにしたいと思い以下のようにコーディングしました。 a:link { color: #ffffff; } a:hover { color: #ff0000; font-weight: 600; font-size: 120%; } .btitle { text-decoration: none; font-family: century gothic; font-size: 170%; font-weight: 800; color: #ff0000; } .btitle a:hover{ color: #000000; } このようにしたのですが、ブログのタイトル部にマウスを乗せても黒になりません。.btitleに a:linkやa:visitedなどもコーディングしてみたのですが、希望通りにはなりませんでした。どのようにコーディングすれば宜しいでしょうか。因みにhtmlの部分のタグは触っておりません。どうかご助力お願い致します。 ※もし必要とされるなら、全体のcssも記載致します。
回答: テンプレートのhtmlの方が {$blogtitle} となっているようでしたら、 cssのセレクタを a.btitle:hover にしても駄目かも知れません。 その場合は、セレクタを a.btitlelink:hover にしてみてください。 【現】 .btitle a:hover{ color: #000000; } ↓ 【案】 a.btitlelink:hover { color: #000000; }