CSS :फर्स्ट-चाइल्ड सिलेक्टर
उदाहरण
प्रत्येक <p> तत्व का चयन करें और स्टाइल करें जो उसके माता-पिता का पहला बच्चा है:
p:first-child
{
background-color: yellow;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
:first-child
चयनकर्ता का उपयोग निर्दिष्ट चयनकर्ता का चयन करने के लिए किया जाता है, केवल तभी जब वह अपने माता-पिता की पहली संतान हो ।
संस्करण: | सीएसएस 2 |
---|
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो चयनकर्ता का पूर्ण समर्थन करता है।
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
सीएसएस सिंटेक्स
:first-child {
css declarations;
}
और ज्यादा उदाहरण
उदाहरण
प्रत्येक <p> तत्व के प्रत्येक <i> तत्व का चयन करें और स्टाइल करें, जहां <p> तत्व अपने माता-पिता का पहला बच्चा है:
p:first-child i
{
background: yellow;
}
उदाहरण
सूचियों में पहला <li> तत्व चुनें और स्टाइल करें:
li:first-child
{
background: yellow;
}
उदाहरण
प्रत्येक <ul> तत्व के पहले चाइल्ड एलिमेंट को चुनें और स्टाइल करें:
ul > :first-child
{
background: yellow;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस छद्म कक्षाएं