更改多個頁面的共享類的CSS

我想在我的網站中更改2/6頁面的填充，但網站的內容div使用相同的CSS，我能想到的唯一解決方案是更改所有內容div的id，併爲它們製作單獨的CSS。有沒有更簡單的方法來做到這一點？更改多個頁面的共享類的CSS

2017-10-12 Repub619

使用javascript。 – EgMusic

不，不要使用javascript。只需爲您的元素添加另一個類。也爲未來：https：//smacss.com/ – lumio

給html/body /任何其他常見的祖先元素的id或類，並使用它來格式化他們的後代不同... – CBroe

您可以創建一個新類並將其應用於僅需要更改的位置。

.pad-class{ 
    padding:5px; 
} 

<div class="other-class pad-class"></div>

最後放置該類將允許您的新類覆蓋第一個類。

2017-10-12 17:43:51

您應該將特定的類應用於要修改的頁面的<body>標記。然後你可以爲該類寫一個CSS規則。

HTML（正常頁）

<body> 
    ... 
</body>

HTML（不同的填充頁）

<body class="different-padding"> 
    ... 
</body>

CSS

<style> 
body { padding: 10px; } 
body.different-padding { padding: 20px; } 
</style>

2017-10-12 17:44:53

<div class="first second"></div>

插入第二要改變填充別的保持只有單一類進一步的參考：Using two CSS classes on one element

如果沒有，也可以使用內聯樣式。 divs不足

2017-10-12 17:47:43

回答