2015年4月16日

HTML5+CSS3上課筆記- CSS選擇器

型態選擇器 Type selectors <h1> <h2> ...<div> <p>
ID選擇氣 ID selectors 使用「#」宣告 一個id在同一個網頁只能出現一次
類別選擇器 Class selectors 使用「.」宣告,一個class可以在一個網頁出現多次
通用選擇器 Universal selector 使用「*」,*{ }所有元素套用括號內的樣式
群組選擇器 Groups of selectors 不用元素擁有同樣的屬性時可以群組設定
後代選擇器 Descendant combinator 一個元素之下的所有選擇器為後代選擇器
子選擇器 Child combinator 當b元素在a元素下一層時,則b元素為a元素的子選擇器,但若中間有其他元素插入 則只是後代選擇器
同層相鄰選擇器 Adjacent sibling combinator 有同一個父親的兩個元素以「+」為連結,選擇某個特定元素之後的第一個特定元素
同層全體選擇器 General sibling combinator 有同一個父親的兩個元素以「~」為連結,選擇某個特定元素的同一層元素
偽類選擇器 Pseudo-classes 一個元素的特殊狀態,ex滑鼠移至元素上的狀態設定 或一個元素中本來就存在的元素,ex第一個子元素、最後一個子元素
偽元素選擇器 Pseudo-elements 被用於指定某個元素的某部分樣式,ex某個樣式的第一個字母、第一行、或其元素之前 之後插入內容
屬性選擇器 Attribute selectors 可以為擁有指定屬性的HTML元素設定樣式,不僅限於類別和ID屬性