如何在div中設置第二個元素

Question

我想將CSS樣式應用於div的第二個子元素。

這裏是我的HTML

<div class="my"> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 

</div> 

CSS

.my:nth-child(1) { 
    color:red; 
} 

此應用樣式的每個元素。這裏是我的小提琴http://jsfiddle.net/AkCLY/

Answer 1

它是這樣的：

.my div:nth-child(1) { 
    color:red; 
} 

DEMO HERE

當你想要第二個要改變1到2

所以.my div:nth-child(2)

DEMO HERE

Answer 2

這將調整第二個孩子的顏色，爲你的要求：

.my div:nth-child(2) { 
    color:red; 
} 

小提琴：http://jsfiddle.net/AkCLY/8/

Answer 3

請試試這個：

.my div:nth-child(2) { 
    color:red; 
} 

Answer 4

試試這個：

.my div:nth-child(2) 
{ 
    color:red; 
} 

Answer 5

這對我有用：

.my div:nth-child(2) { 
    color:red; 
} 

Answer 6

你已經差不多了。只需添加一個空格，它應該工作：

.my > :nth-child(1) { 
    color:red; 
} 

Answer 7

你可以試試這個代碼..

.my div:nth-child(2) 
{ 
    color:red; 
}