在CSS中,可以通過多個樣式選擇器來選取同一個元素,并為它們設置樣式屬性。下面分別介紹以下幾種常用的多個樣式選擇器:
/* 1. 多類選擇器 */ p.intro.highlight { color: red; } /* 選取class為intro和highlight的p元素,設置文字顏色為紅色 */ /* 2. 后代選擇器 */ div p { font-size: 18px; } /* 選取所有在div元素內的p元素,設置字體大小為18px */ /* 3. 子選擇器 */ div >p { border: 1px solid black; } /* 選取div元素的直接子元素p,設置邊框為1px黑色實線 */ /* 4. 相鄰兄弟選擇器 */ h1 + p { margin-top: 20px; } /* 選取h1元素后面緊接著的p元素,設置上外邊距為20px */ /* 5. 通用兄弟選擇器 */ h2 ~ p { font-weight: bold; } /* 選取h2元素之后的所有p元素,將它們的字體加粗 */
這些多個樣式選擇器都能夠更加精細地為頁面元素設置樣式屬性,如需更加深入了解CSS的樣式選擇器,可以參考相關的CSS教程。
下一篇css多了符號