Задайте второй экземпляр класса CSS

Из-за решения, которое я использую, у меня только ограниченные классы CSS. Я хотел бы знать, есть ли способ, которым я могу настроить 2-й класс, когда есть 2 класса с тем же именем.

У меня есть 2 экземпляра медиа-ссылки, содержащихся в элементе, названном DIV. Мне нужно добавить дополнительные стили во второй экземпляр класса. Однако в этом и заключается трудность... Я не могу добавить никакого дополнительного кода или классов в код! Я знаю, но не идеальный, но его решение не используется, а не личный выбор.

Пример кода:

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

Заранее благодарим за любые предложения или решения.

Ответ 1

Привет, теперь используется для этого

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

или

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

Ответ 2

вы можете использовать nth-child pseudo classes для вашего требования....

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