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

はてなダイアリーでは日記の文章にキーワードリンクがつきますが、この機能を残しつつ、文字装飾を従来指定したものに反映することは可能なんでしょうか?


(例)
「私は<span class="red">中学生</span>です。」
(※スタイルシートには.red { color: #FF0000; }と指定)


↑本来だと「中学生」の文字が赤く表示されますが、はてなダイアリー内だと「中学生」にキーワードリンクが自動でかかってしまうため、赤く表示されません。
文字装飾を赤のままで、かつキーワードリンク機能を維持できる方法を、どうか教えて下さい。
なお、当方のブログでは赤以外の文字色も使用しますので、スタイルシートに「a.keyword { color: #red; }」と指定すれば可能といった回答はお控え下さい。

それでは宜しくお願いしますm(_ _)m


●質問者: 正衛門
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:COLOR keyword RED はてなダイアリー キーワードリンク
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● retla
●25ポイント

http://hxxk.jp/2006/11/19/2347

IEで実現しようとすると恐らく無理です。

本来は、以下のように指定すれば親要素(質問者の方の例で言えばspan)の色が指定されるはずです。

a.keyword { color:inherit }

しかし、IEはver7になってもまだこのinheritに対応していないので、これができません。

Firefox等でならこの方法でなんとかなります。が、IEについてはMSがどうにかするのを待つしかないかと。

◎質問者からの返答

回答ありがとうございます。

cssを勉強し始めたばかりで、inheritなる値は初めて知りました。確かにIEでは未対応なようですが、firefoxではきちんと適用され、問題も無事解決しました。IEでも早く対応するといいですね。


2 ● モーリ
●50ポイント ベストアンサー
span.red { color: #red; }
span.red a.keyword { color: #red; }

のように文字修飾をCSSで設定する際にa.keywordの場合を並記してはどうでしょう。

赤だけでなく青い文字も使うなら同様に

span.blue { color: #blue; }
span.blue a.keyword { color: #red; }

でしょう

自分のダイアリーで試してみました。

http://d.hatena.ne.jp/mohri/20070730/1185782462

◎質問者からの返答

回答ありがとうございます。

確かに上記の設定で問題が解決したようです。

なお、当方のブログではspan以外(例:はてなダイアリー)でも色指定を行なうため、指定の内容を若干変更してみましたが、きちんと動作しました。

.red { color: #FF0000; }

div.section .red a { color: red; }

div.section .red a.keyword { color: red; }

特に問題がなければこの設定を他の色でも試してみたいと思います。

関連質問


●質問をもっと探す●



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