"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > CSS या जावास्क्रिप्ट का उपयोग करके HTML में एक तत्व प्रकार के पहले उदाहरण को कैसे स्टाइल करें?

CSS या जावास्क्रिप्ट का उपयोग करके HTML में एक तत्व प्रकार के पहले उदाहरण को कैसे स्टाइल करें?

2025-02-06 पर पोस्ट किया गया
ब्राउज़ करें:752

] या पूरे HTML दस्तावेज़ में एक विशेष तत्व प्रकार की प्रारंभिक घटना को लक्षित करने और शैली के लिए जावास्क्रिप्ट, दस्तावेज़ संरचना के भीतर इसके प्लेसमेंट के बावजूद? &&&] CSS- आधारित समाधान

How to Style the First Instance of an Element Type in HTML Using CSS or JavaScript?

दुर्भाग्य से, CSS अकेले पूरे दस्तावेज़ में एक तत्व प्रकार की पहली घटना से मेल खाने के लिए कार्यक्षमता प्रदान नहीं करता है। सीएसएस विनिर्देशों के अनुसार, प्रथम-प्रकार के छद्म-क्लास, केवल अपने मूल तत्व के भीतर इसके प्रकार के पहले भाई-बहन पर लागू होता है। &&&]

1। : प्रथम-प्रकार का अनुकरण

जावास्क्रिप्ट का उपयोग करते हुए, हम इस कार्यक्षमता को एक कस्टम क्लास, "फर्स्ट-ऑफ-टाइप," और क्वेरीसेल्टर () विधि का उपयोग करके पहले मिलान को पुनः प्राप्त करने के लिए प्राप्त कर सकते हैं। वांछित प्रकार का तत्व। फिर हम इस कस्टम क्लास को पुनर्प्राप्त तत्व को असाइन करते हैं:

document.queryselector ('p')। classname = 'first-of- प्रकार';

2। कस्टम मिलान फ़ंक्शन

हम एक विशिष्ट तत्व प्रकार की पहली घटना को पहचानने और स्टाइल करने के लिए एक कस्टम जावास्क्रिप्ट फ़ंक्शन भी विकसित कर सकते हैं: फ़ंक्शन nthindexoftype (तत्व, सूचकांक) {{ var भाई -बहन = element.parentelement.children; var गणना = 1; for (var i = 0; i

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3