每次出現父元素時首次出現元素

Question

對不起，我有困惑的問題。這可能是重複的。

 
<ul class="slides"> <li> <div class="primary_care_two></div> <div class="app_con"></div> <div class="app_con"></div> <div class="app_con"></div> </li> <li> <div class="primary_care_two></div> <div class="app_con"></div> <div class="app_con"></div> <div class="app_con"></div> </li> <li> <div class="primary_care_two></div> <div class="app_con"></div> <div class="app_con"></div> <div class="app_con"></div> </li> </ul> 

我想使用jQuery/CSS

Answer 1

無需使用jQuery。你可以做同樣的使用只是CSS：

CSS

li > div:first-child + div{ 
    /* css properties */ 
} 

，我在上面的代碼中使用的選擇是：

• Child selector（>）
• First-child pseudo class（:first-child ）
• Adjacent sibling selector（ +）

Answer 2

設置的class="app_con"首次出現的自定義CSS每個<li>

可嘗試

$('.slides li').find('.app_con:first').css('color', 'red') 

演示：Fiddle

Answer 3

對，這是重複的。看一看：

CSS: apply background color to first-child of ul li menu

我認爲，最好的辦法就是使用簡單的機CSS，而不是一些腳本放緩網站...

ul li div:nth-of-type(2) { 
    color: #f00; 
} 

參考@Mr 。外國人

Answer 4

試試這個：

$('.slides li > :nth-child(2)').css('color', 'red'); 

看到它在fiddle。或without jquery：

.slides li > :nth-child(2) { 
    color: blue; 
} 

Answer 5

試試這個，

$('.slides li').find('div:eq(1)').css('color', 'green');