最常用的 CSS 選擇符包括 class 選擇符,id 選擇符和標(biāo)簽選擇符。這些選擇符雖然簡單實(shí)用,但是在處理復(fù)雜的樣式時顯得力不從心,因此 CSS 設(shè)計者們開發(fā)出了更為全面的選擇符來滿足需求。
下面介紹一些更為全面的 CSS 選擇符。
1. 相鄰兄弟選擇符(Adjacent Sibling Selector)
相鄰兄弟選擇符指的是兩個元素之間必須是相鄰的兄弟元素,并且符合條件才會應(yīng)用樣式。
.example + p { color: red; }上述代碼指定相鄰元素 example 和緊隨其后的段落元素(必須是相鄰的兄弟元素)應(yīng)用紅色的顏色。
2. 通用選擇符(Universal Selector)
通用選擇符是指選擇所有 HTML 元素的選擇符。
* { margin: 0; }上述代碼指定所有 HTML 元素應(yīng)用的樣式中 margin 為 0。
3. 子元素選擇符(Child Selector)
子元素選擇符是指選擇指定元素的直接子元素。
.parent >.child { font-size: 20px; }上述代碼指定元素 class 為 parent 的直接子元素 class 為 child 的字體大小為 20px。
上一篇web代碼大全css
下一篇webos js css