CSS 樣式中空格的使用是很重要的,其在排版和樣式的效果中都扮演著重要的角色。
在 CSS 樣式中,空格是有兩種不同的用法的:
Selector 1 Selector 2 { property: value; }
在上述代碼中,空格被用作選擇器的連接符,它表示以 Selector 2 為后代節點的 Selector 1 元素。
.parent .child { property: value; }
在上述代碼中,空格被用于選擇器的分隔符,它表示以空白符號或者稱之為“空格”的字符結合起來的兩個不同的選擇器,其中一個是父元素選擇器,另外一個是子元素選擇器。
在 CSS 樣式中,空格的使用也是可能會帶來一些問題的:
div { property: value; } div { property: value; }
在上述代碼中,如果不小心多打了一個空格,就會出現兩個樣式表被使用的情況,導致樣式的錯誤。
因此,在編寫 CSS 樣式表時,要注意空格的使用細節。
下一篇css樣式表做法