已解決430363個問題，去搜搜看，總會有你想問的

對于網頁中排版相同的小模塊，它的CSS可以合并在一起寫嗎？

關注

首頁猿問對于網頁中排版相同的小模塊，它的C...

Html/CSS

Gir_Giraffe 2017-04-17 16:12:15

比如網頁大全那樣的網站，每一個小模塊的大小，布局等都是一樣的，求大神指導可不可以合并起來寫CSS，如果可以，該怎么寫，超感謝?。?！

查看完整描述

3 回答

已采納

心似一片青苔

TA貢獻10條經驗獲得超10個贊

實例：

home.html和contact.html都有評論的小模塊

home.html

contact.html

common.css

.comment{

}

兩個頁面都引入這個common.css

反對回復 2017-04-17

Gir_Giraffe
如果是在一個頁面里的呢，比如視頻分類，音樂分類那種，里面的內容都不一樣，但是它們的構造都是一樣的

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

回復 2017-04-17
Gir_Giraffe
超級感謝，么么噠

回復 2017-04-18

心似一片青苔

TA貢獻10條經驗獲得超10個贊

可以建立一個common.css放相同模塊

反對回復 2017-04-17

Gir_Giraffe
可以具體一點嗎？

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

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

回復 2017-04-17

關注