在CSS中,我們可以使用逗號(hào)分隔多個(gè)標(biāo)簽來定義樣式,如果我們想要為<div>
和<span>
標(biāo)簽定義相同的樣式,可以這樣做:
div, span { color: red; font-size: 16px; }
上述代碼會(huì)將<div>
和<span>
標(biāo)簽的顏色設(shè)置為紅色,字體大小設(shè)置為16像素。
我們還可以使用空格來分隔多個(gè)標(biāo)簽,這樣每個(gè)標(biāo)簽都會(huì)得到相同的樣式定義。
div span { color: blue; font-weight: bold; }
這段代碼會(huì)將<div>
和<span>
標(biāo)簽的顏色設(shè)置為藍(lán)色,字體設(shè)置為粗體。
需要注意的是,當(dāng)使用空格分隔標(biāo)簽時(shí),只有緊跟在空格之后的標(biāo)簽才會(huì)繼承前面的樣式定義,如果某個(gè)標(biāo)簽位于另一個(gè)標(biāo)簽之后,且兩者之間沒有空格,那么前者不會(huì)繼承后者的樣式。
div{ color: green; } span { color: purple; }
上述代碼中,<div>
標(biāo)簽的顏色為綠色,而<span>
標(biāo)簽的顏色為紫色,如果我們這樣寫:
div { color: green; }span { color: purple; }
由于<div>
和<span>
之間沒有空格,<span>
標(biāo)簽不會(huì)繼承<div>
標(biāo)簽的顏色樣式,而是保持默認(rèn)的紫色,在使用CSS時(shí),需要注意標(biāo)簽之間的空格和逗號(hào)的使用。