2012-03-29 63 views
4

指包含CSS組合程序,如CSS聲明時,什麼是正確的術語。這種CSS聲明「.myClass div」的正確術語是什麼?</p> <pre><code>.myClass div { ... } </code></pre> <p>這裏我使用這將樣式應用於所有<code>div</code>元素的元素裏面用類<code>myClass</code>聲明:

但這是無關緊要的。我有興趣瞭解提及父代選擇器的聲明的正確術語。

但是這種聲明的正確術語是什麼?

+1

另一個有用的資源:http://www.impressivewebs.com/css-terms-definitions/ – kiswa 2012-03-29 14:55:53

回答

4

他們被稱爲後代選擇,see here for more information等方面

以防萬一W3網站不斷下降;)這裏是重要的部分:

有時,作者可能希望選擇匹配元素是文檔樹中另一個元素的後代(例如,「匹配由H1元素包含的那些EM元素」)的 後代。

後代選擇符在一種模式中表達這種關係。 選擇器由兩個或多個由空格分開的選擇器組成。 形式的後代選擇「AB」匹配,當元件B是 一些祖先元素A.


實施例的任意後代(也來自上面鏈接網站的引用):

例如,請考慮以下規則:

h1 { color: red } 
em { color: red } 

儘管這些規則的目的是爲了增加EM通過改變其顏色phasis於文字,效果會的情況下丟失,如:

<H1>This headline is <EM>very</EM> important</H1> 

我們通過補充與設置文本顏色爲藍色的規則以往的規則解決這種情況下,每當EM的任何位置發生

h1 { color: red } 
em { color: red } 
h1 em { color: blue } 
相關問題