每個家長的每一個其他孩子的目標

我一直在努力爭取一段時間，現在是時候尋求幫助。我有這樣的：每個家長的每一個其他孩子的目標

<div class="news-images"> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect"></div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect"></div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect"></div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect"></div> 
 
    </div> 
 
    </div> 
 
</div>

我想針對所有其他（一2N + 1，奇/偶之類的話）的「效果」類的實例。這是可能的純CSS或我需要一些JavaScript？

謝謝！

來源

2015-04-01 Jacob K

闡述您的問題??? – 2015-04-01 10:53:55

你需要詳細闡述什麼？我有一段代碼，我需要選擇最後一個叫做「效果」的子類的其他實例。我想知道這是否可能。 – 2015-04-01 10:55:53

'：nth-child（奇怪）'和'：nth-child（偶數）'選擇器是你在找的我猜 – 2015-04-01 11:04:46

你想要這個嗎？如果不是，請簡要解釋。

.col-md-12:nth-child(odd) .effect{ 
 
    background: black; 
 
    color: #fff; 
 
} 
 
.col-md-12:nth-child(even) .effect{ 
 
    background: blue; 
 
    color: #fff; 
 
}

<div class="news-images"> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect">hello world!</div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect">hello world!</div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect">hello world!</div> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-12"> 
 
    <div class="grid"> 
 
     <div class="effect">hello world!</div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2015-04-01 10:59:31 w3debugger

這正是我所需要的。有趣的是我怎麼無法讓它自己工作.. 非常感謝。 – 2015-04-01 11:18:14

它也發生在我身上;）。順便說一句Most welcome :) – w3debugger 2015-04-01 11:19:53

每個家長的每一個其他孩子的目標

回答

相關問題