सार्वभौमिक चयनकर्ता और छद्म तत्व

सार्वभौमिक चयनकर्ता (*) एक दस्तावेज़ में सभी तत्वों को लक्षित करता है। हालाँकि, यह :before और :after जैसे छद्म तत्वों को सीधे प्रभावित नहीं करता है।

छद्म-तत्व DOM के अमूर्त हैं जो वर्चुअल नोड्स का प्रतिनिधित्व करते हैं। वे वास्तविक तत्व नहीं हैं और इसलिए *.

छद्म तत्वों पर शैलियों को लागू करने के लिए, आपको उन्हें चयनकर्ता में स्पष्ट रूप से शामिल करने की आवश्यकता है, उदाहरण के लिए, , : पहले, *:बाद में।

इसका मतलब है कि घोषणा * { बॉक्स-आकार: सीमा-बॉक्स; } स्वचालित रूप से :before और :after जैसे छद्म तत्वों को प्रभावित नहीं करता है।

इसके बजाय, आपको :before, :after { बॉक्स-साइजिंग: बॉर्डर-बॉक्स; घोषित करने की आवश्यकता है। } उन छद्म तत्वों पर बॉक्स-साइजिंग प्रॉपर्टी लागू करने के लिए।

कुछ डेवलपर्स केवल * {बॉक्स-साइजिंग: बॉर्डर-बॉक्स; } और कभी भी समस्याओं का सामना नहीं करना पड़ेगा क्योंकि छद्म तत्व आम तौर पर इनलाइन प्रदर्शित होते हैं। बॉक्स-आकार इनलाइन तत्वों को प्रभावित नहीं करता है, इसलिए अकेले सार्वभौमिक चयनकर्ता का उपयोग छद्म तत्वों पर विशेष प्रभाव नहीं डालेगा।

यह ध्यान रखना महत्वपूर्ण है कि जबकि :before, :after छद्म-तत्वों को प्रभावित करता है HTML, हेड और बॉडी सहित सभी तत्वों में से, वे छद्म तत्व तब तक उत्पन्न नहीं होंगे जब तक आप सामग्री संपत्ति लागू नहीं करते। इस व्यवहार से जुड़ी कोई प्रदर्शन संबंधी चिंताएँ नहीं हैं।