Question

我想在我的网站中更改2/6页面的填充，但网站的内容div使用相同的CSS，我能想到的唯一解决方案是更改所有内容div的id并单独制作所有这些的CSS。有更简单的方法吗？

Answer 1

您可以创建一个新类并将其仅应用于您想要更改的位置。

.pad-class{
  padding:5px;
}

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

将该课程放在最后将允许您的新课程覆盖第一个课程。

Answer 2

您应该只将特定类应用于要修改的页面的<body>标记。然后你可以为那个类写一个CSS规则。

HTML（普通页面）

<body>
  ...
</body>

HTML（不同的填充页面）

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

CSS

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

Answer 3

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

在要更改填充的位置插入第二个，否则只保留单个类进一步参考：Using two CSS classes on one element

如果没有，你也可以使用内联样式。 divs少了