1. 首頁
  2. 問答
  3. 簡單的CSS類選擇問題

簡單的CSS類選擇問題

2012-12-13 89 views
-1

我有一個簡單的一類CSS問題簡單的CSS類選擇問題

的一個問題，我有

<div class='test'> 
    <div>test 1</div> 
    <div>test 2</div> 

</div> 

<div class='test'> 
    <div>test 3</div> 
    <div>test 4</div> 
</div> 

<div class='test'> 
    <div>test 5</div> 
    <div>test 6</div> 
</div>

我想第一次測試的div顯示背景紅色，其餘爲藍色。

我

.test{ 
    background-color: blue; 
    margin: 15px; 
    border-top: dashed 1px grey; 
} 

.test:first-of-type{ 
    background-color: red; 
    border-top:0; 
}

，但我所有的divs都呈現藍色。我在這裏做錯了什麼？謝謝您的幫助！

來源

2012-12-13 FlyingCat

+0

爲我工作。你有沒有檢查過你已經正確地將CSS鏈接到HTML文件？ – Luke

+0

必須是一些瀏覽器問題。我會仔細看看的。謝謝大家！ +1全部 – FlyingCat

回答

1

代碼張貼作品，support to the :first-of-type selector很普遍。也許你正在測試IE 8或更高版本？或者，也許在IE 9上，但在Quirks Mode？或者，div元素之前可能會有一些div。如果這沒有幫助，請發佈完整文檔並確定用於測試的瀏覽器。

來源

2012-12-13 22:59:27

相關問題

 相關問題