क्या जोड़ने का कोई तरीका है: सीएसएस पर होवर करें: प्रथम-पंक्ति छद्म श्रेणी?

Question

मैं एक HTML मार्कअप के लिए कुछ सीएसएस के साथ tinkering रहा है। जिस समस्या का सामना कर रहा हूं वह यह है कि सीएसएस :first-line छद्म-वर्ग का उपयोग कर पहले से ही एक शैली लागू की गई है। मैं चाहता हूं कि होवर राज्य पर इस पहली पंक्ति की शैली को बदलना है। p:first-line:hover जैसे कुछ लागू करने का कोई तरीका है?

Answer 1

से पहले आपको इतना की तरह श्रृंखला p:first-line:hover परिभाषित कर सकते हैं p:first-line परिभाषित करने के लिए है:
p:first-line { color: black; }
p:hover:first-line { color: red; }

Fiddle

Answer 2

हाँ, आप उन्हें चेन कर सकते हैं (here देखें)।

p:hover:first-line 

Answer 3

बहुत आकर्षक विषय! मैंने एक jQuery संस्करण की कोशिश की और पता चला कि यह भी काम नहीं करेगा। फ़ायरफ़ॉक्स में, कक्षा को होवर पर काम करने के लिए पहले लागू किया जाना चाहिए, क्योंकि आप इस Fiddle में देख सकते हैं। लेकिन वेबकिट गतिशील वर्ग जोड़ने पर :first-line को पूरी तरह से अनदेखा करता है।

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

फ़ायरफ़ॉक्स के लिए कक्षा को HTML कोड में सेट करना होगा। अब, निम्नलिखित नौकरी करता है।

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

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

लेकिन वेबकिट में काम नहीं करेगा।