सीएसएस एक निश्चित वर्ग

Question

के साथ पहला तत्व चुनें किसी निश्चित वर्ग के साथ पहले तत्व का चयन करने के लिए वाक्यविन्यास क्या है? कृपया निर्दिष्ट करें कि चयन की विधि CSS3 या CSS2.1 का हिस्सा है या नहीं।

Answer 1

इस

.testparent .test:first-child { 
    color: red; 
} 

<div class="testparent"> 
<div class="test">test</div> 
<div class="test">test</div> 
<div class="test">test</div> 
</div> 

पहले div 'परीक्षण' की कोशिश करो केवल लाल रंग है।

Answer 2

आप अपने भाई-बहनों के बीच एक निश्चित वर्ग साथ पहला तत्व की जरूरत है, तो आप उपयोग कर सकते हैं

.myclass { 
    /* styles of the first one */ 
} 

.myclass ~ .myclass { 
    /* styles of the others (must cancel the styles of the first rule) */ 
} 

.myclass:not(.myclass ~ .myclass) उपयोग करने के लिए केवल एक ही नियम में यह करने के लिए कोशिश मत करो, यह काम नहीं करेगा चूंकि :not() केवल कोष्ठक में सरल चयनकर्ता स्वीकार करता है।

यदि आप पूरे दस्तावेज़ में पहले .myclass चाहते हैं, तो अकेले सीएसएस के साथ ऐसा करने का कोई तरीका नहीं है।

:nth-of-type() या :nth-child() पोस्ट किए गए दृष्टिकोण गलत हैं, भले ही वे संयोग से आपके पृष्ठ में इच्छित तत्वों से मेल खाते हों।

भाई चयनकर्ता (~) का ब्राउज़र समर्थन: आई 7 + और अन्य सभी।

Answer 3

.class-name:first-of-type { 
    ⋮ declarations 
}