DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS基礎教程:群組化選擇器
CSS基礎教程:群組化選擇器
編輯:CSS詳解     

常常我們的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; } 

群組化:把這幾個選擇器使用逗號合並在一起,就只要短短的一小行,如下:

 

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

 

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved