1.關聯 selector
ex:
div p
只要是在 div block 內的 p 元素都會被套用到
2.子 selector (子系 selector，不包含全部子孫，也就是只有爸爸下的兒子但不包含孫子的意思)
ex:
div > p
3.相鄰同輩 selector (只有緊鄰的才有，不是剛好在旁邊或太遠的就沒有)
ex:
h1 + p
4.虛擬類別 (不是真的套用在特定的實體標籤上，而是屬於標籤的某些特定事件發生時的才會有的動作，通常會有「：」)
ex:
:FISRT-CHILD
:FOCUS
5.虛擬元素
ex:
h1.age:before {content: "Age: "}
h1.age:after {content: " years old."}
會讓 <h1 class="age">25</h1>
變成這樣的顯示：Age: 25 years old.
6.!important (以這次定義的為主)
因為 css 是可以被繼承的，瀏覽器會依照：預設樣式表->使用者定義樣式表 -> 作者定義樣式表 -> 作者定義嵌入樣式 -> 作者定義行內樣式 的順序來顯示被設定的元素，所以若是有設定的樣式指定了這個「重要」的標記，則不管下面的樣式如何定義，都會以此為主。使用此項目時一定要確認其必要性才能使用。
沒有留言:
張貼留言