'शीर्षक' विशेषता सीएसएस रेंडरिंग में हस्तक्षेप क्यों करती है?

HTML दस्तावेज़ ने तत्वों पर a.css और b.css दोनों को लागू करने का प्रयास प्रदान किया है पेज पर. हालाँकि, b.css से शैलियों को प्रस्तुत नहीं किया गया है, जैसा कि कोड स्निपेट में दिखाया गया है।

b.css से लिंक करने वाले तत्व पर शीर्षक विशेषता सेट करके, स्टाइलशीट को "पसंदीदा" के रूप में वर्गीकृत किया गया है शैली पत्रक।" इसके विपरीत, शीर्षक विशेषता के बिना स्टाइलशीट को "स्थायी स्टाइलशीट" माना जाता है। HTML विनिर्देश के अनुसार:

स्टाइलशीट प्रकार

• स्थायी स्टाइलशीट: rel='स्टाइलशीट' के साथ लिंक किया गया है और कोई शीर्षक विशेषता नहीं है। रेंडरिंग के दौरान हमेशा लागू किया जाता है।
• पसंदीदा स्टाइलशीट: rel='स्टाइलशीट' और एक शीर्षक विशेषता के साथ लिंक किया गया। शीर्षक के आधार पर समूहीकृत, लेकिन ब्राउज़र प्रति समूह केवल एक पसंदीदा स्टाइलशीट प्रस्तुत करते हैं।
• वैकल्पिक स्टाइलशीट: rel='वैकल्पिक स्टाइलशीट' और एक शीर्षक के साथ लिंक किया गया है। शीर्षक द्वारा समूहीकृत, उपयोगकर्ताओं को ब्राउज़र-प्रदत्त इंटरफ़ेस से स्टाइलशीट का चयन करने की अनुमति देता है।

इस मामले में, शीर्षक विशेषता जोड़कर, आप अनजाने में b.css को पसंदीदा स्टाइलशीट के रूप में वर्गीकृत कर रहे हैं। चूँकि प्रति समूह केवल एक पसंदीदा स्टाइलशीट होनी चाहिए, ब्राउज़र रेंडर करने के लिए स्टाइलशीट में से एक को चुन रहा है, जिसके परिणामस्वरूप b.css का बहिष्करण हो रहा है।

इसलिए, यह सुनिश्चित करने के लिए कि a.css और b.css दोनों लागू हैं, तो आपको b.css से लिंक करने वाले तत्व से शीर्षक विशेषता को हटा देना चाहिए। यह इसे एक सतत स्टाइलशीट के रूप में वर्गीकृत करेगा, यह सुनिश्चित करते हुए कि इसका उपयोग रेंडरिंग के दौरान a.css के साथ किया जाता है।