型態選擇器 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屬性 |
沒有留言:
張貼留言