一尘不染

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

css

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


阅读 321

收藏
2020-05-16

共1个答案

一尘不染

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

最好是使用类名称将页面的不同部分包装在div中:

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

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

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

2020-05-16