首頁(yè) 猿問(wèn) 對(duì)于網(wǎng)頁(yè)中排版相同的小模塊，它的C...

對(duì)于網(wǎng)頁(yè)中排版相同的小模塊，它的CSS可以合并在一起寫嗎？

Html/CSS

Gir_Giraffe 2017-04-17 16:12:15

比如網(wǎng)頁(yè)大全那樣的網(wǎng)站，每一個(gè)小模塊的大小，布局等都是一樣的，求大神指導(dǎo)可不可以合并起來(lái)寫CSS，如果可以，該怎么寫，超感謝！?。?

查看完整描述

3 回答

已采納

心似一片青苔

TA貢獻(xiàn)10條經(jīng)驗(yàn) 獲得超10個(gè)贊

實(shí)例：

home.html和contact.html都有評(píng)論的小模塊

home.html

contact.html

common.css

.comment{

}

兩個(gè)頁(yè)面都引入這個(gè)common.css

反對(duì) 回復(fù) 2017-04-17

Gir_Giraffe
如果是在一個(gè)頁(yè)面里的呢，比如視頻分類，音樂(lè)分類那種，里面的內(nèi)容都不一樣，但是它們的構(gòu)造都是一樣的

回復(fù) 2017-04-17
心似一片青苔
home.html <div class="video common"></div> <div class=""music common"></div> .common{ width: 500px; } 這樣的情況？用相同的html結(jié)構(gòu)和class類名就可以了吧這樣只寫一遍css就可以了

回復(fù) 2017-04-17
Gir_Giraffe
超級(jí)感謝，么么噠

回復(fù) 2017-04-18

心似一片青苔

TA貢獻(xiàn)10條經(jīng)驗(yàn) 獲得超10個(gè)贊

可以建立一個(gè)common.css放相同模塊

反對(duì) 回復(fù) 2017-04-17

Gir_Giraffe
可以具體一點(diǎn)嗎？

回復(fù) 2017-04-17
陌上人如玉_010
比如你寫一個(gè) .red{color:red;}放在common.css里面需要用到這個(gè)樣式的，引入common.css后，都帶這個(gè)類名就可以了

回復(fù) 2017-04-17
心似一片青苔
還是這情況？ home.html <div class="video common"></div> <div class=""music common"></div> .common{ width: 500px; } 用相同的html結(jié)構(gòu)和class類名就可以了吧這樣只寫一遍css就可以了

回復(fù) 2017-04-17

關(guān)注