Celuj w drugą instancję klasy CSS

Question

Z powodu rozwiązania, którego używam, mam tylko ograniczone klasy CSS. Chciałbym wiedzieć, czy istnieje sposób, w jaki mogę celować w drugą klasę, gdy istnieją 2 klasy o tej samej nazwie.

Mam 2 wystąpienia łącza medialnego zawartego z elementem wywołania DIV. Muszę zasadniczo dodać dodatkowe style do drugiej instancji klasy. Jednak tu pojawia się trudność ... Nie mogę dodać żadnego dodatkowego kodu lub klas do kodu! Wiem, że nie jest idealny, ale jest to rozwiązanie używane, a nie osobisty wybór.

Przykładowy kod:

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

Dzięki z góry za wszelkie sugestie lub rozwiązań.

Answer 1

Hi obecnie wykorzystywane do tego

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

lub

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

Answer 2

można użyć nth-child pseudo classes dla wymogu ....

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