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