7

HTML マークアップの CSS をいじっています。私が直面している問題は、CSS:first-line疑似クラスを使用して既にスタイルが適用されていることです。私が望むのは、ホバー状態でこの最初の行のスタイルを変更することです。のようなものを適用する方法はありますかp:first-line:hover?

4

3 に答える 3

9

次のようp:first-lineにチェーンを定義する前に、を定義する必要があります。p:first-line:hover
p:first-line { color: black; }
p:hover:first-line { color: red; }

フィドル

于 2013-03-12T08:21:49.577 に答える
1

とても魅力的なトピックです！jQueryバージョンを試してみたところ、それでもうまくいかないことがわかりました。Firefox では、このFiddleでわかるように、ホバー時に動作するようにクラスを最初に適用する必要があります。:first-lineしかし、WebKit は動的クラスの追加を完全に無視します。

<p class="hovered">Text .... </p>

Firefox の場合、HTML コードでクラスを設定する必要があります。さて、以下が仕事をします。

jQuery('p').removeClass('hovered');

jQuery('p').hover(function() {
    jQuery(this).addClass('hovered');
}, function() {
    jQuery(this).removeClass('hovered');
});

ただし、WebKit では機能しません。

于 2013-03-12T08:26:08.260 に答える
0

はい、それらを連鎖させることができます (こちらをご覧ください)。

p:hover:first-line
于 2013-03-12T08:07:17.517 に答える