更改樣式的特定DIV的另一個DIV

可能重複：
CSS selector for first element with class 更改樣式的特定DIV的另一個DIV

目前，我有一個看起來像這樣的代碼：

<div class="content"> 
    <div style="...">...</div> 
    <div class="post">...</div> 
    <div class="post">...</div> 
    <div class="post">...</div> 
    <div class="post">...</div> 
    <div class="post">...</div> 
</div>

如何我可以在這個例子中定位第一個「職位」類嗎？換句話說，我必須使用什麼CSS選擇器？

<div class="content"> 
    <div style="...">...</div> 
    <div class="post">...</div> <--- I need a selector to edit the styles for this. 
    <div class="post">...</div> 
    <div class="post">...</div> 
    <div class="post">...</div> 
    <div class="post">...</div> 
</div>

任何幫助，將不勝感激！謝謝！

來源

2012-11-20 user1676019

你有沒有試過.post的：第一，孩子？ – Vucko

「.post：first-child」和「.post：first-of-type」都不起作用。查看我對重複問題的回答。在你的情況下，你需要兩個規則：一個用於'.content .post'，另一個用於'.content .post〜.post'來撤銷後續'.post'元素的樣式。 – BoltClock

您需要的第n個孩子選擇

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

Fiddle

來源

2012-11-20 23:40:55

我試過了，並沒有奏效。 – user1676019

嘗試編輯... –

更改樣式的特定DIV的另一個DIV

回答

相關問題