在CSS中,<ul>
標簽被用來創(chuàng)建無序列表,例如我們通常見到的網(wǎng)站導航欄。在使用CSS對<ul>
進行樣式設置時,其作用范圍不僅限于<ul>
中的列表項<li>
,還包括內(nèi)部的包含塊級元素。
舉個例子,我們可以通過下面的CSS代碼來設置<ul>
標簽的背景色:
ul { background-color: #eee; }
這樣設置后,所有<ul>
標簽的背景色都將被設置為淺灰色。但是,我們發(fā)現(xiàn)這個設置似乎并沒有完全生效,<ul>
內(nèi)部的某些元素的背景色仍然是白色。
這是因為CSS的作用范圍是“從父元素向子元素行進”的,也就是說,預設的樣式會被應用到所有子元素上,但是某些子元素又可能有自己的樣式,從而覆蓋了繼承的樣式。
因此,如果我們想要逐個設置<li>
元素的背景顏色,可以用下面的CSS代碼:
ul li { background-color: #fff; }
這樣設置后,<ul>
中的所有<li>
元素的背景色都被設置為白色,可以完全覆蓋此前設置的淺灰背景色。
總之,CSS樣式的作用范圍是很靈活的,需要我們多做實驗才能熟悉其運作原理。