C'è un modo per aggiungere: passa il mouse al CSS: pseudo-classe di prima linea?

Question

Ho lavorato su alcuni css per un markup HTML. Il problema che sto affrontando è che c'è uno stile già applicato usando la pseudo-classe CSS :first-line. Quello che voglio è cambiare lo stile di questa prima riga sullo stato di hover. C'è un modo per applicare qualcosa come p:first-line:hover?

Answer 1

è necessario definire il p:first-line Prima di definire la catena p:first-line:hover in questo modo:
p:first-line { color: black; }
p:hover:first-line { color: red; }

Fiddle

Answer 2

Sì, è possibile concatenare (date un'occhiata here).

p:hover:first-line 

Answer 3

argomento molto affascinante! Ho provato una versione jQuery e ho scoperto che anche questo non funzionerà. In Firefox, la classe deve essere prima applicata per funzionare su hover, come puoi vedere in questo Fiddle. Ma WebKit ignora completamente il :first-line sull'aggiunta della classe dinamica.

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

Per Firefox la classe deve essere impostata nel codice HTML. Ora, il seguente fa il lavoro.

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

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

Ma non funzionerà in WebKit.