定位CSS类的第二个实例

Question

由于我使用的解决方案,我只有有限的CSS类.我想知道是否有一种方法可以定位第二类,当有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>

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

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