28

私が使用しているソリューションのため、CSSクラスは限られています。同じ名前のクラスが2つある場合に、2番目のクラスをターゲットにできる方法があるかどうかを知りたいです。

itemというDIVに含まれるメディアリンクのインスタンスが2つあります。基本的に、クラスの2番目のインスタンスにスタイルを追加する必要があります。ただし、ここで問題が発生します...コードにコードやクラスを追加することはできません。私は知っていますが、理想的ではありませんが、個人的な選択ではなく、使用されているソリューションにかかっています。

コード例：

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

提案や解決策を事前に感謝します。

4

2 に答える 2

39

あなたが探していることを達成する2つの疑似セレクターがあります。

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

また

.media-link:nth-of-type(2){
  // here style
}
于 2012-11-02T10:15:14.327 に答える
4

あなたはあなたの要件に使用することができnth-child pseudo classesます....

.media-link:nth-child(2) {
color:red;
}
于 2012-11-02T10:15:52.267 に答える