在CSS中,類名是用來選擇某些特定的HTML元素的一種方式。類名的命名方法一般是有一定規則的,可以使用字母、數字、下劃線或者短橫線來命名。但是,在實踐中,人們發現很多時候需要將多個單詞組合在一起來形成一個類名。那么,在這種情況下,是否可以使用短橫線和下劃線來鏈接多個單詞呢?
.red-text { color: red; } .blue_bg { background-color: blue; } .font_size-16 { font-size: 16px; } .container_one { width: 960px; padding: 20px; }
可以看到,在前三個示例中,我們使用了短橫線和下劃線來命名類名,它們都能夠被CSS識別并且實現對應的樣式。但是,在第四個示例中,我們使用了下劃線鏈接兩個單詞,按照CSS命名規則并不規范,因此可能會因為命名不規范出現問題。
總的來說,使用短橫線和下劃線鏈接多個單詞來命名類名,都是可以被HTML和CSS識別的。但是,如果希望能夠更好地規范代碼的命名規則,建議使用短橫線來鏈接多個單詞,這符合W3C的規范,并被廣泛地使用。