0

私は2つのスパンを持っています。各スパンには id タグがあります。スパンにクラスタグを付けたくありません。マウスがその上に置かれたときに、css を使用して、スパン内のテキストに下線を引きたいと考えています。私のcssファイルの1行でこれを行うための適切なコードは何ですか?

<span id=spanImagePreview1>Text Here <img src=url></span>
<span id=spanImagePreview2>Text Here <img src=url></span>
4

2 に答える 2

2

両方の要素に一致するセレクターを使用します。

#spanImagePreview1:hover, #spanImagePreview2:hover { text-decoration: underline; }

デモ: http://jsfiddle.net/Guffa/9RxEb/

于 2012-09-29T10:48:55.560 に答える
1

複数のオプション:

これらの 2 つのスパンしかない場合:span:hover {text-decoration:underline;}

それらが特定の要素の子孫である場合#element span:hover {text-decoration:underline;}

あなたが持っているスパンにIDのパターンがある場合は、試してくださいspan[id*="spanImagePreview"] {text-decoration:underline;}

于 2012-09-29T10:54:18.933 に答える