我可以創建一個列（或多個）特定規則？

我已經創建了3組不同的列，但我希望能夠以不同方式設置每個列的樣式。我可以創建一個列（或多個）特定規則？

<div id="container"> 
    <div class="first"> 
     <div class="column">Featured Work</div> 
     <div class="column">info</div>  
     <div class="column">info</div> 
    </div> 

    <div class="middle"> 
     <div class="column">News</div> 
     <div class="column">middle column</div>  
     <div class="column">right column</div> 
    </div> 

    <div class="footer"> 
     <div class="column">body copy 1</div> 
     <div class="column">body copy 2</div>  
     <div class="column">body copy 3</div> 
    </div>

這是我當前的代碼：http://jsfiddle.net/TroyAlford/Cj6dj/2/

我想要的樣式和featured work列news與頂部和底部的寄宿生和樣式類型。兩個Info列以及middle和Right列將圍繞它的全部邊界。

我會每類重命名爲唯一的名稱來實現這個效果？

來源

2012-12-02 matt mahan

你行你的:first-child選擇 - DEMO

#container .first div.column:first-child, 
#container .middle div.column:first-child { 
    border-width: 1px 0; 
    color: #c00; 
}

來源

2012-12-02 01:01:23

正確的，但我怎麼能刪除你從最後一組列創建遠的風格？ –

不知道你是什麼意思 - 你可以請你澄清？ –

http://jsfiddle.net/Cj6dj/4/我身邊有兩個「信息」欄目，我需要一個邊界。但是「中間欄」，「右欄」和所有「正文欄」我都不想在他們身邊寄宿。我如何創建一個規則來做到這一點？ –

我可以創建一個列（或多個）特定規則？

回答

相關問題