定位CSS类的第二个实例

Question

由于我使用的解决方案，我只有有限的CSS类。我想知道是否有一种方法可以定位第二类，当有两个同名的类时。

我有2个媒体链接实例，其中包含一个名为item的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>

提前感谢任何建议或解决方案。

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