Czy istnieje sposób na dodanie: hover do CSS: pseudo-klasy pierwszej linii?

Question

Używam trochę css dla znaczników HTML. Problem, z którym się borykam, polega na tym, że istnieje styl już zastosowany przy użyciu pseudoklasji CSS :first-line. To, czego chcę, to zmienić styl tej pierwszej linii w stanie uniesienia. Czy istnieje sposób na zastosowanie czegoś takiego jak p:first-line:hover?

Answer 1

Trzeba zdefiniować p:first-line zanim można zdefiniować łańcuch p:first-line:hover tak:
p:first-line { color: black; }
p:hover:first-line { color: red; }

Fiddle

Answer 2

Tak, możesz je połączyć (spójrz na here).

p:hover:first-line 

Answer 3

Bardzo fascynujący temat! Próbowałem wersji jQuery i okazało się, że nawet to nie zadziała. W Firefoksie klasa musi być najpierw zastosowana do pracy na kursie, jak widać w tym Fiddle. Ale WebKit całkowicie ignoruje :first-line w dynamicznym dodawaniu klas.

Dla przeglądarki Firefox klasa musi być ustawiona w kodzie HTML. Teraz następujące czynności wykonują zadanie.

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

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

Ale nie działa w WebKit.