2013-10-05 80 views
2

所以寫CSS的時候,我經常看到有人或網站有事情像什麼是這些CSS ...'標題/選擇器'被稱爲?

.img > border > div > #select {color:white} 

既然我已經開始網絡的發展,我只用...單一的CSS類。

我不確定這是完全正確的,但基本上它們都是連接的。

這種技術的名稱是什麼?你們有什麼有用的資源可以閱讀嗎? 我曾嘗試過Google,但我根本不知道如何在Google上發佈這條消息。

+0

http://www.w3schools.com/cssref/css_selectors.asp – Sualkcin

+0

'>'是一個直接選擇器..只要資源,W3C文檔和Mozilla Dev都有幫助。 –

+0

[css3 selectors](http://www.w3.org/TR/css3-selectors)[css2 selectors](http://www.w3.org/TR/CSS2/selector.html) –

回答

2

整個序列.img > border > div > #select通常簡稱爲selector,因爲它是CSS規則的一部分,用於選擇要應用規則的元素。然而,專門用於選擇器的整個specification; CSS只是描述了CSS規則中選擇器的作用。

>是一個組合子,特別是child combinator。組合器用於表示兩個元素之間的關係,在這種情況下是親子關係:.parent > .child。其餘的.img,border,div#select均爲各種類型的simple selectors

典型的選擇器由簡單的選擇器和組合器組成。你可以有一個選擇器,只有一個簡單的選擇器.child,多個簡單的選擇器div.child,組合器​​3210,或這些的任意組合。

0

它們被稱爲CSS選擇器。 在這裏看到: MDN

1

這是一個selector,並表示它適用於HTML文檔元素的層次結構,即

一類圖像的具有己其中有選擇的ID的DIV邊框,適用白色的顏色。

1

>符號本質上是一種指定元素屬於父元素的方式。在你的情況下,id爲「select」的元素有一個父元素,它是一個具有邊界的父元素,該元素具有一個「img」類的父元素。更多信息here

1

這些被稱爲兒童選擇器。

它覆蓋在W3 specification,整個指南本身是一個很好的資源和簡單的例子。

0

這裏是您所提供

.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

希望這有助於創造!

+0

'元素是什麼>元素選擇器>選擇器元素>選擇器選擇器>元素都意味着什麼? – BoltClock

+0

在上面的規則元素中可以是任何HTML元素,如p,body,div等,選擇器可以是任何選擇器,如id或class。 – Sudharsun

+0

不是所有的選擇器嗎? – BoltClock

相關問題