css - Universal selector usage and differences -

इसमें, आप यह देखते हैं:

  * {-webkit-box-sizing: सीमा-बॉक्स; -मोज़ बॉक्स-आकार: सीमा-बॉक्स; बॉक्स-आकार: सीमा-बॉक्स; }: पहले,: {-webkit-box-sizing: सीमा-बॉक्स; -मोज़ बॉक्स-आकार: सीमा-बॉक्स; बॉक्स-आकार: सीमा-बॉक्स; }  

उस के बीच का अंतर क्या है, और यह:

  *, *: पहले, *: के बाद {-webkit-box-sizing: सीमा-बॉक्स; -मोज़ बॉक्स-आकार: सीमा-बॉक्स; बॉक्स-आकार: सीमा-बॉक्स; }  

इतना अधिक विशेष रूप से, मैं पूछ रहा हूं कि चयनकर्ताओं के बीच क्या अंतर है:

 : before,: after  

और

  *: पहले, *: के बाद  

इसके अलावा - अगर वे दोनों एक ही हैं, तो उन्हें अलग क्यों है और इसे दोहराएं ? इसे और अधिक सीएसएस लेता है। यह वास्तव में कम नहीं है यदि वे समान हैं।

विभाजन के अनुसार दो गति में घोषणा अप रेंडरिंग यह समझ में आता है क्योंकि सार्वभौम चयनकर्ता पहले से ही धीमा है ताकि सभी तत्वों के लिए ब्राउज़र को देखने और एक ही समय में सभी छद्म-तत्व ब्राउज़र को और भी धीमा कर दे।

मैंने डेवलपर से पूछा कि कौन प्रतिबद्ध करता है उन्होंने परिवर्तन किया और उन्होंने कहा कि विभाजन के परीक्षण के दौरान सफारी और क्रोम में दो घोषणाओं में उल्लेखनीय रूप से बेहतर प्रदर्शन किया गया है। (पर उनकी टिप्पणी देखें)। हालांकि, मुझे डब्लू 3 सी या ब्राउज़र विक्रेताओं से कोई दस्तावेज नहीं मिल पा रहा है, जो यह दर्शाता है कि चीजों को घोषित करने का एक तरीका दूसरे से ज्यादा तेज होना चाहिए। ऐसा प्रतीत होता है कि ब्राउज़र के बीच प्रदर्शन में अंतर कैसे रेंडरिंग इंजन लिखा जाता है पर आधारित है।

---

  के बीच अंतर: पहले,: के बाद  

और

  *: पहले, *: के बाद  

के बीच के अंतर के समान है

 < कोड>। वर्ग  

और

  *। Class  

इसमें वस्तुतः कोई अंतर नहीं है यदि कोई भी * के साथ एक क्लास को अर्हता प्राप्त करता है तो रेंडरिंग को धीमा कर देता है मेरा मानना ​​है कि शैली और पठनीयता के लिए * जोड़ दिया गया है और इसका कोई वास्तविक प्रभाव नहीं है।

चयनकर्ताओं के बारे में जांचें और गति को प्रतिपादन।