小程序的CSS支持級聯(lián)選擇器,通過級聯(lián)選擇器,我們可以在一條CSS規(guī)則中同時對多個元素進行樣式設(shè)置。
例如:
// 頁面中有div、h1和p三個元素
page {
background-color: #fff;
}
page div {
width: 100px;
height: 100px;
background-color: #f00;
}
page h1 {
font-size: 24px;
color: #000;
}
page div p {
color: #fff;
}
上述代碼中,我們使用了page作為父元素,分別為所有的div、h1和div下的p設(shè)置了樣式。
使用級聯(lián)選擇器可以減少CSS代碼,使代碼更加簡潔易懂。但是在使用級聯(lián)選擇器時,要注意不要過度嵌套,否則會影響頁面的渲染效率。