 Re: リンクにマウスが乗ったときの個別設定の仕方について ( No.3 ) |
- 日時： 2005/12/01 13:51
- 名前： Newのり太
- えっと、どのような操作をされているのかわかりませんので
HPBでの操作方法（一例）のみ書いておきます。
1.スタイルシートマネージャー＞追加＞HTMLタグ名の欄に
a.sample:hover と記入。その後スタイルを設定。
2.編集画面にて、該当リンク部分を選択。
※編集画面右上の選択中のタグが a となっていることを確認。
右クリック＞スタイルの設定。クラス名欄に先ほどつけたクラス名（sample）を記入。
前回提示した http://www.wsb.jp/hpb/css/link.htm#05
『クラスのスタイルを適用する(スタイルクラスのツールバーを利用する場合)』
で、そのまま「クラス名:hover」を選択すると
<A href="******.html" class="class:HOVER">class</A>
↑のようになってしまいますね。確認不足でした。ごめんなさい。
「a.sample:hover」だけでなく、「a.sample」にスタイルを設定した場合には、
スタイルクラスのツールバー でも、「sample」のみを選択できるようです。
> でもこれだとどこに「マウスが上にあるリンク」のHOVERがないのになあ。。。と思ったり私には不思議すぎます。。。
「a:hover」は、すでに擬似クラスとして定義されていますので、
該当のaタグに付加するクラス名は「クラス名」のみでいいわけです。
まさに、実際に「マウスがのったとき」というのが「hover」なのですから。
# 自分でも書いてて意味わからん。。^_^;
|
|