css - 对同一网页的不同部分应用不同的css样式表

<分区>

我有一个包含不同部分的网页，需要对每个部分应用不同的 css 样式表。我想知道的是如何指定将哪个 css 样式表用于网页的每个不同部分。如果我将它们放在一起，组件将无法正确显示。

最佳答案

您不能将不同的样式表应用于页面的不同部分。您有几个选择:

最好的办法是用类名将页面的不同部分包裹在div中:

<div class='part1'>
    ....
</div>

<div class='part2'>
    ....
</div>

然后在您的 part1 CSS 中，为每个 CSS 规则添加前缀“.part1”，在您的 part2 CSS 中，为每个 CSS 规则添加前缀“.part2”。请注意，通过使用类，您可以使用多个不同的“part1”或“part2”div，以灵活地界定页面的哪些部分受哪些 CSS 规则影响。

关于css - 对同一网页的不同部分应用不同的css样式表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3298746/