सीएसएस चयनकर्ता रेफरेंस मैनुअल

CSS सेलेक्टर

CSS सेलेक्टर "खोज" (या चुनें) के लिए इस्तेमाल किए जाते हैं जो आपको शैली निर्धारित करना है के HTML एलिमेंट को चुनते हैं।

हमारे CSS सेलेक्टर टेस्टर का उपयोग करके विभिन्न सेलेक्टरों का प्रदर्शन करें।

CSS साधारण सेलेक्टर

साधारण सेलेक्टर एलिमेंट को नाम, id और class के आधार पर चुनता है।इसके अलावा, यहाँ आम सेलेक्टर (*）。

सेलेक्टर उदाहरण उदाहरण वर्णन
एलिमेंट p सभी <p> एलिमेंट को चुनें
#id #firstname id="firstname" एलिमेंट को चुनें
* * सभी एलिमेंट को चुनें
.class .intro सभी class="intro" एलिमेंट को चुनें

CSS एट्रिब्यूट सेलेक्टर

एट्रिब्यूट सेलेक्टर सभी दिये गए एट्रिब्यूट सेट के साथ बनाए गए HTML एलिमेंट को चुनता है।

सेलेक्टर उदाहरण उदाहरण वर्णन
[attribute] [target] सभी एलिमेंट को चुनें जिनके target एट्रिब्यूट है।
[attribute=value] [target=_blank] सभी एलिमेंट को चुनें जिनके target एट्रिब्यूट "_blank" है।
[attribute~=value] [title~=flower] सभी एलिमेंट को चुनें जिनके title एट्रिब्यूट में "flower" शब्द है।
[attribute|=value] [lang|=en] सभी एलिमेंट को चुनें जिनके lang एट्रिब्यूट "en" से शुरू होता है।
[attribute^=value] a[href^="https"] सभी <a> एलिमेंट को चुनें जिनके href एट्रिब्यूट "https" से शुरू होता है।
[attribute$=value] a[href$=".pdf"] सभी <a> एलिमेंट को चुनें जिनके src एट्रिब्यूट से ".pdf" समाप्त होता है।
[attribute*=value] a[href*="codew3c"] सभी <a> एलिमेंट को चुनें जिनके href एट्रिब्यूट में "abc" सबस्ट्रिंग है।

CSS इन्नाप चयनक

सेलेक्टर उदाहरण उदाहरण वर्णन
& & एक अन्य एलिमेंट के परिचय में एलिमेंट पर शैली लगाएं