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