2013-07-03 9 views
9

मेरा मतलब है कि अगर मुझे आवश्यकता है, उदाहरण के लिए, एक आच्छादित लिंक में चयनित टेक्स्ट लाल हो, तो क्या मैं सीएसएस शैली में निम्न कोड का उपयोग कर सकता हूं?सीएसएस में छद्म चयनकर्ताओं का मिश्रण?

.abc:hover:selection{color:red} 

और

<a href="123" class="abc">4567890</a> 

कि लिंक, जब मैं इसका हिस्सा, चयन लाल रंग बन सकते हैं जब मैं यह होवर करें और इस तरह के छद्म वर्गों के संयोजन के लिए यह सही सिंटैक्स है?

+0

@ डेविड थॉमस: मुझे पता होना चाहिए कि यह सही तरीका है या नहीं –

+0

संदेह में, मान्य करें। यदि यह मान्य नहीं है, तो यह स्पष्ट रूप से गलत है। – cimmanon

+0

@cimmanon: यह पूछना बहुत आसान है =) –

उत्तर

16

यदि आप छद्म-वर्गों के बारे में बात कर रहे हैं, तो हाँ, आप उन्हें किसी भी क्रम में जोड़ सकते हैं।

इस मामले को छोड़कर, ::selection एक छद्म-वर्ग नहीं है, यह एक छद्म-तत्व है जो सीएसएस 1 या सीएसएस 2 का हिस्सा नहीं है, या उस मामले के लिए कोई मौजूदा नमूना नहीं है। और यह वह जगह है जहां "छद्म चयनकर्ता" शब्द कम हो जाता है, क्योंकि वे दो पूरी तरह से अलग चीजें हैं।

सही सिंटैक्स :hover और ::selection के लिए डबल कोलन के लिए एक एकल पेट है, और छद्म वर्गों के विपरीत, छद्म तत्वों हमेशा पिछले आना चाहिए: क्योंकि जिस तरह से काम करता है के ::selection

.abc:hover::selection{color:red} 

और फिर भी, (या नहीं), यह वास्तव में ब्राउज़र में प्रभाव होने की गारंटी नहीं है।

+0

लेकिन इसे जोड़ा जा सकता है यह सही तरीका है। जो कुछ मैं ढूंढ रहा था वह था –

0

हाँ, यह यह करने के लिए, छद्म कक्षाओं के बारे में W3C देखने की सिफारिश की तरीका है: http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

संपादित करें: http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act

: के रूप में BoltClock ने बताया, इस लिंक सीएसएस 2 के लिए हैं, तो यह CSS3 के लिए दस्तावेज है
+0

धन्यवाद, यही वह था जो मुझे नहीं मिला =) –

+0

यह सवाल हाथ में दिए गए सवाल को गलत तरीके से गलत है। जिस दस्तावेज़ से आप लिंक करते हैं वह भी अप्रचलित है। – BoltClock

+0

सही, कभी भी इस्तेमाल नहीं किया :: चयन, यह नहीं पता था कि यह एक छद्म वर्ग नहीं है। मेरा जवाब अभी भी वास्तविक (वास्तविक) छद्म वर्गों के लिए सही है, और यह विशेष बिंदु CSS3 में नहीं बदला गया है। मैं अपने उत्तर को अद्यतित दस्तावेज़ के साथ संपादित करूंगा। – Trajan

संबंधित मुद्दे