1. 首頁
  2. 問答
  3. CSS ID和屬性順序

CSS ID和屬性順序

2013-09-01 113 views
0

我有一個關於CSS和ID的快速問題。CSS ID和屬性順序

這是我的CSS代碼如下所示：

h1 { 
    font-family: 'Cabin', sans-serif; 
    font-size: 36px; 
    color: red; 
} 


#test h1 { 
    color: green; 
    font-size:10px; 
}

我的HTML看起來像這樣：

<html> 
<head> 
<link rel='stylesheet' href='style.css' type='text/css' media='all' /> 
<link href='http://fonts.googleapis.com/css?family=Cabin:600' rel='stylesheet' type='text/css'> 
</head> 
<body> 
<h1 >asdfasdf<a href="/">test1</a></h1> 
<h1 id="test">test</h1> 
</body> 
</html>

輸出看起來是這樣的 - >http://screencast.com/t/H2LOmJr7zd6f

我的問題是怎麼來的帶ID測試的H1不在綠色字體中？

如果在CSS中，我用#test替換#test h1，它會起作用。

謝謝！

來源

2013-09-01 BigRedDog

回答

5

您正在使用CSS ID選擇器錯誤。您當前選擇#test h1選擇h1元件，其內與#test

ID元素使用的ID就足夠了：

#test { 
    color: green; 
    font-size:10px; 
}

PS - 如果由於某種原因，你真的很喜歡與指定元素類型該ID（這是相當多餘的ID是應該是唯一的），你可以使用這個選擇器：h1#test

來源

2013-09-01 07:53:47 Itay

2

我認爲Italy是正確的。如果你想指示元素，你也應該這樣做：

h1#test { ... }

來源

2013-09-01 07:57:50 Mahdi

+0

謝謝，我只是將這個我的答案:) – Itay

+0

@Itay太棒了！ :) – Mahdi

相關問題

 相關問題