web前端入門到實戰(zhàn):HTML中關于class內容空格多類名的問題詳解
時間:2023-09-14 05:06:01 | 來源:網(wǎng)站運營
時間:2023-09-14 05:06:01 來源:網(wǎng)站運營
web前端入門到實戰(zhàn):HTML中關于class內容空格多類名的問題詳解:
問:像
class="info fl"
這種class定義是何意思?
答:這里的空格隔開后,它們所代表的是兩個類名,分別為info和fl。
問:這樣寫的意義何在?都放到一個類名里不是也可以嗎?
答:一個是肯定可以的,但是這樣寫更側重于
CSS的模塊化設計,可以減少css的重復代碼,提高類的復用性。
問:那么class這塊,一次可以放多少個類名呢?(以空格分隔)
答:沒有限制,但一般不超過10個,最起碼多了我是沒怎么見過。
問:如果同時寫了多個,它們的優(yōu)先級是怎樣的呢?
答:如果它們之中有重復屬性定義,那么后面的會覆蓋前面的。
問:class可以這樣寫,id呢?可以嗎?
答:可以,但是沒有任何意義,因為一個頁面id不允許重復,也就談不上重用性了。
在學習上有什么疑問隨時可以找我我,與大家分享互聯(lián)網(wǎng)web前端實戰(zhàn)操作,無論你是否有基礎,我都歡迎。點:前端技術分享