एक सीएसएस कक्षा

Question

के दूसरे उदाहरण को लक्षित करें जिसका उपयोग मैं कर रहा हूं, मेरे पास केवल सीमित सीएसएस वर्ग हैं। मैं जानना चाहूंगा कि क्या एक तरीका है कि मैं दूसरी कक्षा को लक्षित कर सकता हूं, जब एक ही नाम के 2 वर्ग होते हैं।

मेरे पास मीडिया-लिंक के दो उदाहरण हैं जिन्हें एक डीआईवी कहा जाता है जिसमें आइटम कहा जाता है। मुझे मूल रूप से कक्षा के दूसरे उदाहरण में अतिरिक्त शैलियों को जोड़ने की आवश्यकता है। हालांकि यह वह जगह है जहां कठिनाई आती है ... मैं कोड में कोई अतिरिक्त कोड या कक्षा नहीं जोड़ सकता! मुझे पता है, आदर्श नहीं है लेकिन इसका इस्तेमाल समाधान के नीचे है, व्यक्तिगत पसंद नहीं।

उदाहरण कोड: किसी भी सुझाव या समाधान के लिए पहले से

<a href="#" class="media-link" style="display: block"> 
    <img src="images/ph-a.png" alt=""> 
</a> 
<a href="#" class="media-link"> 
    <img src="images/auth-2-100px.png" alt=""> 
    <p class="author">Author: John Smith</p> 
</a> 

धन्यवाद।

Answer 1

हाय अब इस

.media-link:nth-child(2) { 
// here style 
} 

या

.media-link:nth-of-type(2){ 
// here style 
} 

Answer 2

आप अपनी आवश्यकता के लिए nth-child pseudo classes उपयोग कर सकते हैं ....

.media-link:nth-child(2) { 
color:red; 
}