Есть ли способ добавить: hover в CSS: псевдокласс первой строки?

я возился с некоторыми css для разметки HTML. Проблема, с которой я сталкиваюсь, заключается в том, что есть стиль, уже примененный с помощью CSS :first-line псевдо-класса. Я хочу изменить стиль этой первой строки в состоянии наведения. Есть ли способ применить что-то вроде p:first-line:hover ?

6
css pseudo-class

3 ответов

вы должны определить p:first-line прежде чем вы сможете определить цепочку p:first-line:hover вот так:
p:first-line { color: black; }
p:hover:first-line { color: red; }

Скрипка

9

очень увлекательная тема! Я попробовал версию jQuery и узнал, что даже это не сработает. В Firefox класс должен быть применен сначала для работы на hover, как вы можете видеть в этом Скрипка. Но WebKit полностью игнорирует :first-line динамическое добавление классов.

<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.

1

Да, вы можете приковать их (посмотрите здесь).

p:hover:first-line
0