人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイアリーのスタイルシートについて質問です。
リンクを張って、オンマウスすると普通は自動設定で文字色が変わりますが、自分で文字色を指定してリンクをオンマウスすると文字色が変わるようにできますか?
スタイルシートに記載するCSSを教えて下さい。

●質問者: Hidden
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:CSS はてなダイアリー スタイルシート マウス リンク
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●25ポイント

はてな側のcssに上書きするために!importantを付ければいいと思います。

a:hover {
 color: pink !important;
}

参考

:link、:visited、:hover、:active擬似クラス - 擬似クラスと擬似要素 - スタイルシート入門


2 ● うぃんど
●45ポイント ベストアンサー

特に指定の無いリンクは全てオンマウスで赤になる(「オンマウスのデフォルトを赤に設定」などといった言い方をします)

a:hover { color:red; }

<a id="editlink"> だけがオンマウスで青になる - editlinkははてなダイアリーのメニュー「記事を書く」の部分

a#editlink:hover { color:blue; }

ダイアリーの本文内のリンクが紫になる

div.section a:hover { color:purple; }

カラーコードではなく#FF0000 といった指定でももちろん可能

具体的に色を変えるには、上記editlinkやdiv.sectionのように、まず最初に変えたい部分のidやclassを調べる必要がありますが、

はてなダイアリーは構造が複雑なのでcss初心者の方にはかなり難しいかもしれません

多数のテーマがありますので、その中からご自身の趣味に近いものを探したほうがよろしいかも…です

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ