Re: A hoverの個別設定 ( No.1 ) 日時： 2006/03/05 10:10 名前： Newのり太 こちらの過去ログにもあると思いますが、 質問掲示板 他所でまとめ記事を書きましたので、 そちらを貼っておきます。 https://hpb.cool.ne.jp/wforum/wforum.cgi?&no=2799&mode=allread#2802 Re: A hoverの個別設定 ( No.2 ) 日時： 2006/03/05 17:16 名前： レインボー Newのり太様、ありがとうございます。 お教えくださいましたぺーじより https://www.wsb.jp/hpb/css/link.htm#05を参考にして 設定を試みました。 「スタイルシートマネージャーを開く→追加ボタンをクリック→「クラスのスタイルを設定」を選択→クラス名に A.test:HOVER　と入力→後はスタイルシートマネージャーを使い、好きなスタイルを設定します。→リンクの挿入を行います」 書かれてる内容とおりにと試してみたものの、 クラス名に A.test:HOVER　と入力すると 無効な文字列とでて設定できません。.test:hoverとしても うまくできず・・(＞＜) <A href="***.htm" target="_***" class="test">としましたら <A>の変更はできるもののやはりA HOVERはかわらないのです。 Re: A hoverの個別設定 ( No.3 ) 日時： 2006/03/05 17:39 名前： oioiooi 「無効な文字列とでて設定できません。」 全角英数字でも入れているのじゃないか？。 半角英数字が基本。 A.test:HOVER Ａ.test:HOVER 上が半角のA 下が全角のＡ #掲示板側で直されるかも。 Re: A hoverの個別設定 ( No.4 ) 日時： 2006/03/05 17:48 名前： レインボー すみません、再度失礼します。 oioiooi様のご指摘どおり、全角にしてしまいました(^_^;)。 再度設定しなおしてみたところ またわからないことが・・。 https://shinichi-kai.ciao.jp/test.html 説明下手な上理解力が不足してご面倒おかけしましてすみません。 宜しくお願いします Re: A hoverの個別設定 ( No.5 ) 日時： 2006/03/08 09:31 名前： Newのり太 <style type="text/css"> <!-- /*通常のリンク*/ a{ background-color: white; text-decoration: none; border: 1px solid black; width: 100px; height: 16px; text-align: center; } a:hover{ background-color: #ffff80; border: 1px solid gray; } /*クラスtestのリンク*/ a.test{ 何が: どないやねん; /*好きなスタイルを設定*/ } a.test:hover{ border-style: none; color: black; background-color: #f8d05a; ｝ --> </style> <!-- 中略 --> <p><a href="#">LINK</a></p> <p><a href="#" class="test">LINK</a></p> ていうか、ボタン風のスタイルは、クラスのほうへ設定するのが普通です。 まあ、テストですけどね。 // 一部スペルミスがありましたので、訂正しました。(^^ゞ Re: A hoverの個別設定 ( No.6 ) 日時： 2006/03/06 02:07 名前： レインボー Newのり太様！！ ありがとうございます！！できました。 とても助かりました。 リンクを個別にスタイル設定したい場合は aも、a:hoverと同じクラス名に指定すればよいのですね。 aを変更する場合 クラス指定　a.○○　で設定 それで、a:hoverも変更する場合は、 クラスに a.○○:hoverと指定 リンクする場合は <a href="#" class="○○">LINK</a> とする ○○は任意の文字でクラスのaとa:hoverと同じ半角英数文字 で良いのですよね？ おおっ！！感激です。 本当にどうもありがとうございました。 これまで悩んでたことがわかりとてもすっきりしました。 さすがです。NEWのり太様最高です♪感謝いたします。 ↑NEWのり太様のご指摘の箇所を訂正させていただきました。前回の確認であった、 aの前に.はいらないですね(^_^;)。私の中の「THE思い込み」です。設定では無事にできていたのにこの書き込みに間違いがありました。お手を煩わせました。書式ミスが多い私、お許し下さい。大変失礼しました。m(__)mありがとうございました。 Re: A hoverの個別設定 ( No.7 ) 日時： 2006/03/06 00:09 名前： Newのり太 細かいことですが、キカイというものは、 書式を間違えたりするととたんに反応しなくなったりしますのでご注意を。 > aも、a hoverと同じクラス名に指定すればよいのですね。　← a:hover > aを変更する場合 > クラス指定　.a.○○　で設定　← a.○○ > それで、a hoverも変更する場合は、　← a:hover > クラスに > .a○○:hoverと指定　←a.○○:hover