更改第二个孩子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