定位CSS类的第二个实例 [英] Target the 2nd instance of a CSS Class

问题描述

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

Due to the solution i am using, i only have limited CSS classes. I would like to know if there is a way i can target the 2nd class, when there are 2 classes of the same name.

我有2个media-link实例与DIV一起被称为item。我基本上需要向该类的第二个实例添加其他样式。但是，这就是困难所在。我无法在代码中添加任何其他代码或类！我知道，这不是理想的选择，而是取决于所使用的解决方案，而不是个人选择。

I have 2 instances of media-link contained withing a DIV called item. I need to basically add additional styles to the 2nd instance of the class. However this is where the difficulty comes in... I can not add any additional code, or classes to the code! I know, not ideal but its down to the solution being used, not personal choice.

示例代码：

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

在此先感谢您提出任何建议或解决方案。

Thanks in advance for any suggestions, or solutions.

推荐答案

您好，现在已经习惯了

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

或

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

这篇关于定位CSS类的第二个实例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！