有沒有辦法添加：懸停到CSS：第一線僞類？

Question

我一直在修補一些HTML標記的CSS。我面臨的問題是，有一種已經應用CSS :first-line僞類的樣式。我想要的是改變懸停狀態下第一行的樣式。有沒有辦法像p:first-line:hover這樣應用？

Answer 1

你必須定義p:first-line之前，你可以定義鏈p:first-line:hover像這樣：
p:first-line { color: black; }
p:hover:first-line { color: red; }

Fiddle

Answer 2

是的，你可以鏈接他們（看看here）。

p:hover:first-line 

Answer 3

非常引人入勝的話題！我嘗試了一個jQuery版本，發現，即使這不起作用。在Firefox中，必須首先應用該類才能處理懸停，如您在此Fiddle中所見。但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中不起作用。