我在CSS中的第一個孩子和第n個孩子功能有問題。我有一些像這樣的結構:第一個孩子更改多個嵌套的div CSS
<div class = container>
<div id = 456, class = item>
<div id = header_123, class = item_header>
<div class = text_container>
<div class="header_span">This is Item 456</div>
</div>
</div>
</div>
<div id = 789, class = item>
<div id = header_124, class = item_header>
<div class = text_container>
<div class="header_span">This is Item 789</div>
</div>
</div>
</div>
<div id = 123, class = item>
<div id = header_125, class = item_header>
<div class = text_container>
<div class="header_span">This is Item 123</div>
</div>
</div>
</div>
</div>
我想改變第一個div與類項目的左邊距。我使用
.item div:first-child{
margin-left: 30px;
}
這改變了ID爲456的邊距的div,也是所有text_container和header_span的邊距。這不是我想要的;我究竟做錯了什麼?
沒有這是你看起來要求的一流的選擇器。 –
你可以試試它: - http://jsfiddle.net/Khumesh/4w8q752e/ –