मान लीजिए आप किसी विशेष एलिमेंट पर स्टाइल नियम लागू करना चाहते हैं केवल जब वह किसी विशेष एलिमेंट के अंदर हो। निम्नलिखित उदाहरण में दिए गए अनुसार, स्टाइल नियम <em> एलिमेंट पर केवल तब लागू होगा जब वह <ul> टैग के अंदर हो।
ul em {
color: #FFFF00;
}
अब मान लें <ol> एलिमेंट के लिए और स्टाइल नियम <strong> पर लागू:
ol strong {
color: #808000;
}
CSS Outline: एलिमेंट्स के चारों ओर आउटलाइन बनाने का गाइड
CSS Outline क्या है? जब आप वेब एलिमेंट डिज़ाइन कर रहे होते हैं, तो आप तय कर सकते हैं कि आप पेज पर एलिमेंट के चारों ओर एक आउटलाइन दिखाना चाहते हैं। उदाहरण के लिए, यदि आप एक बॉक्स डिज़ाइन कर रहे हैं जिसे आप हाइलाइट करना चाहते हैं, तो आप बॉक्स का ध्यान आकर्षित करने के लिए उसके चारों ओर एक रंगीन आउटलाइन
CSS से hr एलिमेंट स्टाइल करना
hr स्टाइलिंग CSS से <hr> एलिमेंट को स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <meta name=viewport content=width=device-width, initial-scale=1> <head> <style> body{ font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20
CSS में एडवांस्ड सिलेक्टर्स
CSS में एडवांस्ड सिलेक्टर्स में एडजेसेंट सिबलिंग सिलेक्टर, एट्रिब्यूट सिलेक्टर, डायरेक्ट चाइल्ड सिलेक्टर, nth-of-type सिलेक्टर आदि शामिल हैं। इसमें जनरल सिबलिंग सिलेक्टर भी शामिल है, एक उदाहरण नीचे दिखाया गया है:h1 ~ h3डायरेक्ट चाइल्ड सिलेक्टर का उदाहरण -div > spanCSS में एडवांस्ड सिलेक्टर्स दिखा