適用於div的css類的範圍？

我想申請一些特殊的樣式到我的網站上的一個頁面的一部分。適用於div的css類的範圍？

我認爲，通過定義是這樣的：

h2.privacy_policy { 
    color: #456123; 
    padding: 10px 20px 30px 40px; 
    margin: 40px 30px 20px 10px; 
}

，並通過應用類的包裝div：

<div class='privacy_policy'> 
    <h2>Some text etc</h2> 
    <p>More text ...</p> 
    ... 
</div>

造型將適用於上述封閉h2，但螢火告訴我說不，風格沒有被應用。

把課程應用到div的範圍是什麼？它適用於封閉的元素嗎？我有錯誤的期望嗎？我做錯了（如果是的話，解決方案是什麼）？我是否正確地做了這件事，並且還有其他事情發生（如果是的話，我應該在哪裏看？）？謝謝。

來源

2012-04-16 JVerstry

錯誤的選擇順序...你想

div.privacy_policy h2

你有什麼

h2.privacy_policy

比賽只h2帶班privacy_policy明確給出

附：元素使用HTML標記屬性雙引號，即<div class="privacy_policy">而不是<div class='privacy_policy'>

來源

2012-04-16 16:46:29 scibuff

我也嘗試div.privacy_policy H2，但問題仍然存在。必須有別的東西。 – JVerstry 2012-04-16 16:56:28

不需要雙引號 - 雙引號和單引號在HTML中都是合法的，並且以這種方式實現，因此您可以將引用的值嵌入到屬性中，或者將整個HTML字符串嵌入字符串文本中而不會轉義嵌入的引號。見http://en.wikipedia.org/wiki/HTML#Attributes和http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2 – Val 2012-04-16 16:58:18

無論如何，這個問題得到解答。 – JVerstry 2012-04-16 17:11:01

你的HTML相匹配的CSS：

h2.privacy_policy {}

或的HTML，你的CSS相匹配：

<h2 class="privacy_policy">Text</h2>

基本上，想象每個空間都是一個新層次的層次。因此，h2 .privacy_policy與h2的descendant匹配，其具有privacy_policy的等級，而h2.privacy_policy匹配h2的等級爲privacy_policy。

來源

2012-04-16 16:46:31 0b10011

h2.privacy_policy手段「只h2元素與類的privacy_policy」

來源

2012-04-16 16:49:20 Widor

適用於div的css類的範圍？

回答

相關問題