更改第二個孩子css而不更改第一個孩子

Question

我有以下類型的模式。如何申請第二類childDiv一個css改變，而不改變第一childDiv類CSS

<div class="parentDiv"> 
<div class="childDiv"> with same class 
</div> 
<div class="childDiv"> with same class 
</div> 
</div> 

Answer 1

嘿，現在習慣了這種像

.childDiv:nth-of-type(2){ 
// css style /// 
} 

或----------- -

.parentDiv > .childDiv:last-child{ 
    // css style /// 
    } 

或------------------

，如果你只有兩個childiv

.parentDiv > .childDiv + .childDiv{ 
    // css style /// 
    } 

Answer 2

試試這個 -

.childDiv:nth-child(2) { 
    //css properties 
} 

工作小提琴是here