HTML中關於class內容空格多類名的問題詳解

青葉發表於2016-09-28

之所以想談談這個,是因為下午徒弟在寫程式碼的時候看到這個情況,不明所以。在給他解答後感覺有必要這這裡大概的說一下。

:像 class="info fl" 這種class定義是何意思?

:這裡的空格隔開後,它們所代表的是兩個類名,分別為info和fl。


:這樣寫的意義何在?都放到一個類名裡不是也可以嗎?

:一個是肯定可以的,但是這樣寫更側重於CSS的模組化設計,可以減少css的重複程式碼,提高類的複用性。


:那麼class這塊,一次可以放多少個類名呢?(以空格分隔)

:沒有限制,但一般不超過10個,最起碼多了我是沒怎麼見過。


:如果同時寫了多個,它們的優先順序是怎樣的呢?

:如果它們之中有重複屬性定義,那麼後面的會覆蓋前面的。


:class可以這樣寫,id呢?可以嗎?

:可以,但是沒有任何意義,因為一個頁面id不允許重複,也就談不上重用性了。

相關文章