html - 如何在 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;
}

这将样式应用于每个元素。这是我的 fiddle http://jsfiddle.net/AkCLY/

Answer 1

是这样的:

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

DEMO HERE

因为你想要第二个，所以你想将 1 更改为 2

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

DEMO HERE