CSS :first-child उपदेश

विन्यास और उपयोग

CSS :first-child उपदेश का प्रयोग किया जाता है कि एक पारिवारिक तत्व के पहले बच्चे के रूप में बने तत्व को चुने जाए (एक बंधु तत्व समूह में)。

उदाहरण

उदाहरण 1

अपने माता तत्व के पहले बच्चे के रूप में बने हर <p> तत्व की शैली को चुनें और सेट करें:

p:first-child {
  background-color: yellow;
}

स्वयं एक प्रयोग करें

उदाहरण 2

अपने माता तत्व के पहले बच्चे के रूप में बने हर <i> तत्व की शैली को चुनें और सेट करें:

i:first-child {
  background: yellow;
}

स्वयं एक प्रयोग करें

उदाहरण 3

सूची में पहले <li> तत्व की शैली को चुनें और सेट करें:

li:first-child {
  background: yellow;
}

स्वयं एक प्रयोग करें

उदाहरण 4

प्रत्येक <ul> तत्व के पहले बच्चे की शैली को चुनें और सेट करें:

ul > :first-child {
  background: yellow;
}

स्वयं एक प्रयोग करें

CSS व्याकरण

:first-child {
  css व्यक्तव्य;
}

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस नए प्रकार के लिए पूर्ण समर्थन वाले पहले ब्राउज़र संस्करण को निर्दिष्ट करते हैं。