bersaglio la seconda istanza di una classe CSS

Question

Grazie alla soluzione sto usando classi CSS, ho solo limitate. Vorrei sapere se c'è un modo per indirizzare il 2 ° di classe, quando ci sono 2 classi con lo stesso nome.

Ho 2 casi di media-link contenuto withing un DIV chiamata voce. Ho bisogno di aggiungere fondamentalmente stili aggiuntivi alla seconda istanza della classe. Tuttavia, è qui che entra in gioco la difficoltà ... Non riesco ad aggiungere codice o codice al codice! Lo so, non ideale, ma si tratta di una soluzione, non una scelta personale.

codice Esempio:

<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> 

Grazie in anticipo per eventuali suggerimenti o soluzioni.

Answer 1

Hi ora utilizzato per questo

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

o

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

Answer 2

è possibile utilizzare nth-child pseudo classes per il vostro requisito ....

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