CSS基礎教程:群組化選取器

標籤：style   blog   class   c   code   java   

常常我們的CSS 樣式中會有好幾個地方需要使用到相同的設定時，一個一個分開寫會是一件滿累人的工作，重覆性太高且顯得冗長，更不好管理....在CSS 文法的基本設定中，就可以把這幾個相同設定的選取器合并在一起，原本可能是寫了7~8 行相同的文法，合在一起後就只要短短的一小行，怎麼看都讓人心曠神怡啊~

例如：當有好幾個選取器剛好都需要把文字的顏色設定為灰色的時候，一個一個分開寫的方法式，感覺就很繁瑣，如下：

1 h1 { color:#666666; }2 h2 { color:#666666; }3 h3 { color:#666666; }4 h4 { color#666666; }5 ul { color:#666666; }6 p { color:#666666; }7 #AAA { color:#666666; }8 #BBB { color:#666666; } 

群組化：把這幾個選取器使用逗號合并在一起，就只要短短的一小行，如下：

h1, h2, h3, h4, ul, p, #AAA, #BBB { color:#666666; } 

使用「群組化」選取器 可以使我們的CSS 樣式變得比較簡潔，將來又好管理和方便修改，這種寫法是CSS 文法最基礎的功能之一，只要把這一些基礎的用法都熟悉了，同學們自然而然就可以練出漂亮的CSS 樣式嘍~