सीएसएस में डबल कोलन (: :) का क्या अर्थ है?

Question

::CSS में double colon ( ) का क्या अर्थ है?

उदाहरण के लिए:

input[type=text]::-ms-clear { display: none; }

Answer 1

इसका अर्थ है छद्म तत्व चयनकर्ता। इसका अर्थ है कि दाईं ओर का तत्व सामान्य DOM में मौजूद नहीं है, लेकिन इसे चुना जा सकता है।

एक छद्म तत्व दो कॉलनों से बना है: (:) इसके बाद छद्म तत्व का नाम आता है।

स्रोत

यह मूल रूप से केवल एक ही पेट में था, लेकिन से अलग कर दिया गया छद्म वर्गों (जैसे :hover, :first-child, :notआदि)। यह उपयोग करने के लिए सबसे अच्छा है :के लिए beforeऔर afterके बाद से ही पेट के बेहतर ब्राउज़र समर्थन हासिल है छद्म तत्वों, अर्थात् पहले आईई संस्करणों में।

Answer 2

::ऑपरेटर को इंगित करता है कि आप एक का चयन कर रहे छद्म तत्व , जो वास्तव में एक तत्व के रूप में मौजूद नहीं है, लेकिन अभी भी स्टाइलिंग के लिए लक्षित किया जा सकता।

इसके उदाहरण में कई विक्रेता-विशिष्ट कार्यान्वयन शामिल हैं जैसे कि -ms-clearआप जो नमूना प्रदान करते हैं, अधिकांश ब्राउज़रों में स्क्रॉल बार और अन्य देशी UI तत्वों के लिए छद्म तत्व भी होते हैं, लेकिन कई पूर्वनिर्धारित छद्म तत्व भी होते हैं जिन्हें व्यावहारिक कारणों से संदर्भित किया जा सकता है जैसे first-lineऔर first-letter।

:beforeऔर :afterछद्म तत्वों भी आप के साथ सीएसएस का उपयोग कर पृष्ठ में वास्तविक सामग्री डालने की अनुमति contentशासन।

Answer 3

CSS3 ने छद्म तत्वों को चुनने के तरीके को बदल दिया, क्योंकि W3C छद्म-वर्गों a:visitedको छद्म-तत्वों से अलग करना चाहता था p::first-line। उन्नत सीएसएस चयनकर्ताओं को देखें ।