CSS類不帶空格指的是CSS樣式中的類名不含有空格。
比如:
.red{ color: red; }
而不是:
.red { color: red; }
為什么要注意CSS類的寫法?因為在HTML中使用類名時,如果含有空格,會被認(rèn)為是不同的類名,使得樣式無法應(yīng)用。
例如:
<div class="red bold"> This text should be red and bold, but only the bold style is applied. </div> .red { color: red; } .bold{ font-weight: bold; }
因為class屬性中的"red bold"被認(rèn)為是兩個不同的類名,所以只有加粗樣式被應(yīng)用,紅色樣式?jīng)]有被應(yīng)用。
正確的寫法應(yīng)該是:
<div class="red bold"> This text should be red and bold. </div> .red{ color: red; } .bold{ font-weight: bold; }
這樣紅色和加粗樣式都會應(yīng)用于文字。
總結(jié)一下,CSS類名不要含有空格,這樣才能正確地應(yīng)用樣式。