1. 程式人生 > >HTML中關於class內容空格多類名的問題詳解

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

get 關於 兩個類 轉載 http 一個 限制 一次 com

之所以想談談這個,不明所以。所以轉載下來方便自己看看。

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

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


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

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


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

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


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

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


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

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

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