您不可不知的CSS群組化寫法

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

例如：當有好幾個選擇器剛好都需要把文字的大小設定為12pt的時候，一個一個分開寫的方法式，感覺就很繁瑣，如下：
h1 { font-size:12pt; }
h2 { font-size:12pt; }
h3 { font-size:12pt; }
h4 { font-size:12pt; }
h5 { font-size:12pt; }
h6 { font-size:12pt; }
#header { font-size:12pt; }
.navigation { font-size:12pt; }
群組化：把這幾個選擇器使用逗號合併在一起，就只要短短的一小行，如下：
h1, h2, h3, h4, h5, h6, #header, .navigation { font-size:12pt; }
使用「群組化」選擇器 可以使我們的 CSS 樣式變得比較簡潔，將來又好管理和方便修改，這種寫法是 CSS 語法最基礎的功能之一，只要把這一些基礎的用法都熟悉了，各位自然而然就可以練出漂亮的 CSS 樣式囉~