div.contain .blue
div.contain.blue
以上兩種規則分別應用的元素如下：
contain
blue
contain and blue
div#contain#blue
以上的規則將無法應用到任何元素。你只能乖乖地用空格將兩個id選擇器分隔，構成後代選擇器。
綜上，選擇器之間的空格是一種結合符，如果要構成後代選擇器，則空格兩邊的選擇符必須為如下兩種形式：
元素選擇符 空格 元素選擇符
非元素選擇符 空格 非元素選擇符
後代選擇器中絕對不可能出現的一種情形：元素選擇符 [空格] 非元素選擇符。
最重要一點：兩個類選擇器之間存在空格則構成後代選擇器，之間沒有空格的則構成多類選擇器。
原博鏈結如下：
CSS選擇器中的空格的不同作用
css的規則裡總有不同的關係，乙個空格也有不同的用法，不同的地方用空格可以有不同的效果，這就值得很多朋友們注意了，不要因為乙個小小的空格到時連錯在 都沒發現.html文件是一棵樹的結構，各元素以一種層次結構為基礎構成 樹 的檢視。文件樹中的每個元素，要麼是另乙個元素的父元素，要麼是另乙個元素的子元素...
CSS中的選擇器
1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...
Css中的選擇器
常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器，此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素，元素的id名稱不能重複，所以乙個樣式設定項只能對應於頁面上乙個元素，不能復用，id名一般給程式使用，...