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



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


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

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

回答の条件
  • URL必須
  • 1人10回まで
  • 登録:
  • 終了:2007/08/04 17:50:30
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:mohri No.2

回答回数74ベストアンサー獲得回数9

ポイント50pt
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

id:thyself2005

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

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

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

.red { color: #FF0000; }

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

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

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

2007/07/30 21:29:20

その他の回答1件)

id:retla No.1

回答回数16ベストアンサー獲得回数1

ポイント25pt

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

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

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

a.keyword { color:inherit }

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

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

id:thyself2005

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

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

2007/07/30 20:28:42
id:mohri No.2

回答回数74ベストアンサー獲得回数9ここでベストアンサー

ポイント50pt
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

id:thyself2005

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

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

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

.red { color: #FF0000; }

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

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

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

2007/07/30 21:29:20

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

  • in-between days 2007-07-30 17:03:24
  • はてなの日記 trafficexchange99の日記 2007-10-08 03:37:27
    はてなの日記って、なんでこんなデザインなんでしょう? ちょっとシンプルすぎるというか、 うーん、これってブログだと思わないほうがいいのかな? ちょっと物足りないですよー近藤
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません