CSS里的選擇器中常常會(huì)使用逗號(hào)(,)來(lái)分隔不同的選擇器。逗號(hào)的作用是將多個(gè)選擇器組合在一起,使得這些選擇器可以同時(shí)生效,從而簡(jiǎn)化CSS代碼。
/* 示例代碼 */ h1, h2, h3 { color: #333; } p.intro, .highlight { font-size: 1.2em; }
第一個(gè)例子中,我們使用逗號(hào)將h1、h2和h3選擇器組合在一起,并為它們?cè)O(shè)置相同的顏色。這樣,無(wú)論是h1、h2還是h3元素,它們的文本顏色都將是#333。
第二個(gè)例子中,我們使用逗號(hào)將兩個(gè)選擇器組合在一起:p.intro和.highlight。這樣一來(lái),擁有class為“intro”或“highlight”的p元素都會(huì)應(yīng)用font-size為1.2em的樣式。
需要注意的是,每個(gè)選擇器之間應(yīng)該用空格隔開。如果沒(méi)有空格,CSS解析器會(huì)將它們視為一個(gè)整體,導(dǎo)致這些選擇器無(wú)法正常生效。
總之,在CSS中使用逗號(hào)來(lái)組合多個(gè)選擇器是一種非常方便和實(shí)用的技巧,可以幫助我們更簡(jiǎn)潔、高效地編寫樣式表。
上一篇html5 css面試
下一篇css里的精靈圖