Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

CSS में टाइप सेलेक्टर्स


एक सेलेक्टर एक HTML टैग है जिस पर स्टाइल लागू होगी। यह <h1> या <table> आदि जैसा कोई भी टैग हो सकता है।

टाइप सेलेक्टर के साथ, HTML टैग्स जैसे h1, h2, h3, p, आदि के लिए सेट करें:

h2 { 
    color: #FF0000; 
}

p के लिए सेट करें:

p { 
    color: #800000; 
}

  1. CSS में एलिमेंट टाइप सिलेक्टर CSS में एलिमेंट टाइप सिलेक्टर

    CSS एलिमेंट टाइप सिलेक्टर का उपयोग किसी प्रकार के सभी एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है। CSS एलिमेंट टाइप सिलेक्टर का सिंटैक्स निम्नलिखित है:सिंटैक्सelement { /*declarations*/ }उदाहरणनिम्नलिखित उदाहरण CSS एलिमेंट टाइप सिलेक्टर को दर्शाते हैं:<!DOCTYPE html> <html> <head>

  1. CSS में सिलेक्टर्स को ग्रुप करना CSS में सिलेक्टर्स को ग्रुप करना

    CSS ग्रुपिंग सिलेक्टर का उपयोग कई एलिमेंट्स को सिलेक्ट करके उन्हें एक साथ स्टाइल करने के लिए किया जाता है। यह कोड और प्रत्येक एलिमेंट के लिए कॉमन स्टाइल्स घोषित करने के अतिरिक्त प्रयास को कम करता है। सिलेक्टर्स को ग्रुप करने के लिए, प्रत्येक सिलेक्टर को कॉमा से अलग किया जाता है।सिंटैक्सCSS ग्रुपिंग

  1. CSS में एडवांस्ड सिलेक्टर्स CSS में एडवांस्ड सिलेक्टर्स

    CSS में एडवांस्ड सिलेक्टर्स में एडजेसेंट सिबलिंग सिलेक्टर, एट्रिब्यूट सिलेक्टर, डायरेक्ट चाइल्ड सिलेक्टर, nth-of-type सिलेक्टर आदि शामिल हैं। इसमें जनरल सिबलिंग सिलेक्टर भी शामिल है, एक उदाहरण नीचे दिखाया गया है:h1 ~ h3डायरेक्ट चाइल्ड सिलेक्टर का उदाहरण -div > spanCSS में एडवांस्ड सिलेक्टर्स दिखा