之所以想談談這個,是因為下午徒弟在寫程式碼的時候看到這個情況,不明所以。在給他解答後感覺有必要這這裡大概的說一下。
問:像 class="info fl"
這種class定義是何意思?
答:這裡的空格隔開後,它們所代表的是兩個類名,分別為info和fl。
問:這樣寫的意義何在?都放到一個類名裡不是也可以嗎?
答:一個是肯定可以的,但是這樣寫更側重於CSS的模組化設計,可以減少css的重複程式碼,提高類的複用性。
問:那麼class這塊,一次可以放多少個類名呢?(以空格分隔)
答:沒有限制,但一般不超過10個,最起碼多了我是沒怎麼見過。
問:如果同時寫了多個,它們的優先順序是怎樣的呢?
答:如果它們之中有重複屬性定義,那麼後面的會覆蓋前面的。
問:class可以這樣寫,id呢?可以嗎?
答:可以,但是沒有任何意義,因為一個頁面id不允許重複,也就談不上重用性了。