關(guān)于small,.small 這種寫法?
small,.small {
? font-size: 85%; /*標(biāo)準(zhǔn)字體的85%,也就是14px * 0.85px,差不多12px*/
}這段代碼中,small中間有一個(gè)逗號(hào)和小圓點(diǎn),這個(gè)不理解,有人能幫忙解釋一下嗎?還有標(biāo)題那一部分也是不理解這個(gè)意思?
small,.small {
? font-size: 85%; /*標(biāo)準(zhǔn)字體的85%,也就是14px * 0.85px,差不多12px*/
}這段代碼中,small中間有一個(gè)逗號(hào)和小圓點(diǎn),這個(gè)不理解,有人能幫忙解釋一下嗎?還有標(biāo)題那一部分也是不理解這個(gè)意思?
2017-02-27
舉報(bào)
2017-02-27
在 CSS 中,類選擇器以一個(gè)點(diǎn)號(hào)顯示,所以是class=small
逗號(hào)代表選擇器分組
假設(shè)希望 h2 元素和段落都有灰色。為達(dá)到這個(gè)目的,最容易的做法是使用以下聲明:
h2, p {color:gray;}
將 h2 和 p 選擇器放在規(guī)則左邊,然后用逗號(hào)分隔,就定義了一個(gè)規(guī)則。其右邊的樣式(color:gray;)將應(yīng)用到這兩個(gè)選擇器所引用的元素。逗號(hào)告訴瀏覽器,規(guī)則中包含兩個(gè)不同的選擇器。如果沒有這個(gè)逗號(hào),那么規(guī)則的含義將完全不同。
可以將任意多個(gè)選擇器分組在一起,對(duì)此沒有任何限制。
例如,如果您想把很多元素顯示為灰色,可以使用類似如下的規(guī)則:
body, h2, p, table, th, td, pre, strong, em {color:gray;}
通過分組,可以將某些類型的樣式“壓縮”在一起,這樣就可以得到更簡(jiǎn)潔的樣式表。