सीएसएस विशिष्ट वर्ग

Question

के पहले बच्चे मैं HTML कोड का निम्न भाग है:

<span class="ui-icon ui-icon-triangle-1-s"></span> 
<span class="route-line">4</span> 
<span class="route-line">33</span> 

मैं class="route-line" साथ पहलेspan पर कुछ शैली जोड़ना चाहते हैं। क्या सीएसएस के साथ यह संभव है? यह nth-of-type जैसा कुछ है; यदि यह अस्तित्व में था, तो इसे nth-of-type-with-class कहा जाता था।

धन्यवाद!

Answer 1

वर्ग .route लाइन के साथ पहली अवधि किसी भी अन्य तत्व यह है कि वर्ग .route लाइन

*:not(.route-line) + span.route-line 
{ 
    background-color:yellow; 
} 

Answer 2

आप जिस तत्व को स्टाइल करना चाहते हैं उसमें आप एक और कक्षा क्यों लागू नहीं करते हैं।

<span class="ui-icon ui-icon-triangle-1-s"></span> 
<span class="route-line custom-route-line">4</span> 
<span class="route-line">33</span> 

और सीएसएस की तरह इस

.custom-route-line{/*your styling goes here*/} 

नोट वर्गों (मार्ग लाइन & कस्टम मार्ग लाइन) के दोनों शैलियों उस तत्व के लिए लागू होगी लगेगा। Take a look here

Answer 3

ऐसे मामलों में आप भाई चयनकर्ता का उपयोग कर सकते हैं। इसलिए जैसा:

.ui-icon + .route-line{ 
    color: red; 
} 

यह केवल span जो एक वर्ग ui-icon साथ तत्व इस प्रकार शैली होगा।

Answer 4

आप span.route-line:first-of-type है के लिए क्या देख रहे थे की जरूरत नहीं है के लिए पीछा किया, लेकिन यह खराब समर्थित है ।