所以寫CSS的時候,我經常看到有人或網站有事情像什麼是這些CSS ...'標題/選擇器'被稱爲?
.img > border > div > #select {color:white}
既然我已經開始網絡的發展,我只用...單一的CSS類。
我不確定這是完全正確的,但基本上它們都是連接的。
這種技術的名稱是什麼?你們有什麼有用的資源可以閱讀嗎? 我曾嘗試過Google,但我根本不知道如何在Google上發佈這條消息。
所以寫CSS的時候,我經常看到有人或網站有事情像什麼是這些CSS ...'標題/選擇器'被稱爲?
.img > border > div > #select {color:white}
既然我已經開始網絡的發展,我只用...單一的CSS類。
我不確定這是完全正確的,但基本上它們都是連接的。
這種技術的名稱是什麼?你們有什麼有用的資源可以閱讀嗎? 我曾嘗試過Google,但我根本不知道如何在Google上發佈這條消息。
整個序列.img > border > div > #select
通常簡稱爲selector,因爲它是CSS規則的一部分,用於選擇要應用規則的元素。然而,專門用於選擇器的整個specification; CSS只是描述了CSS規則中選擇器的作用。
>
是一個組合子,特別是child combinator。組合器用於表示兩個元素之間的關係,在這種情況下是親子關係:.parent > .child
。其餘的.img
,border
,div
和#select
均爲各種類型的simple selectors。
典型的選擇器由簡單的選擇器和組合器組成。你可以有一個選擇器,只有一個簡單的選擇器.child
,多個簡單的選擇器div.child
,組合器3210,或這些的任意組合。
它們被稱爲CSS選擇器。 在這裏看到: MDN
這是一個selector,並表示它適用於HTML文檔元素的層次結構,即
一類圖像的具有己其中有選擇的ID的DIV邊框,適用白色的顏色。
>
符號本質上是一種指定元素屬於父元素的方式。在你的情況下,id爲「select」的元素有一個父元素,它是一個具有邊界的父元素,該元素具有一個「img」類的父元素。更多信息here。
這些被稱爲兒童選擇器。
它覆蓋在W3 specification,整個指南本身是一個很好的資源和簡單的例子。
這裏是您所提供
.img > border > div > #select {color:white}
以上CSS是選擇的層次結構中,該規則適用於#selector就是div標籤,標籤邊框內選擇一個簡單和簡要說明,並類的.img
例如
<img class="img"><border><div><div id='select'>some content</div></div></border></img>
這裏應用上述CSS規則。同樣的規則可以如下
element>element
selector>selector
element>selector
selector>element
欲瞭解更多信息,檢查了這一點http://www.w3schools.com/cssref/css_selectors.asp
希望這有助於創造!
http://www.w3schools.com/cssref/css_selectors.asp – Sualkcin
'>'是一個直接選擇器..只要資源,W3C文檔和Mozilla Dev都有幫助。 –
[css3 selectors](http://www.w3.org/TR/css3-selectors)[css2 selectors](http://www.w3.org/TR/CSS2/selector.html) –