css selector(選擇子)格式

 common selector(通用選擇子)

    element/type selector:      p,h1,a{color:#444; padding:3px;}
    Descendant selectors(後代選擇子)   li a{color:#444; } 此樣式只對 li下的 a 有效。這兩種表示方法一般是對整個頁面中的元素設定樣式。
    對於只設定部分樣式的情況用class和id，class可以被任意多的元素使用，而id一般只針對某一個元素，整個頁面唯一。
   ID selector: 以#號開始    #ID_Name{color:#444}
   class selector: 以.號開始   .Class_name{color:#444}

可以組合 type Descendant id/class selector,    #ID_name li{color:#444}   .class_name li{color:#444}, #ID_name .class_name{color:#444}. 這種寫法類似物件導向中對象的引用。

除了靜態使用 css樣式外，還可以根據對象的狀態來應用不同的樣式,稱為 pseudo-class
/* makes all visited links green */
a:visited {color:green;}
/* makes links red when hovered or activated */
a:hover, a:active {color:red;}

universal selector (全域選擇子)

     *{color:#44}應用於文檔中所有的element

進階選擇子
目前 ie6並不支援，你可以對element的某個屬性設定css style，甚至根據屬性值來設定樣式。

 

http://css.maxdesign.com.au/floatutorial/index.htm