Html 如何避免为特定div使用特定css文件的样式？

我有一个网页，它有两个css文件，分别是style1.css和style2.css。 网页中有一个div不应使用style2.css中的样式。

---

我该怎么做

不要调用该页面上的第二个css文件。或者给div一个唯一的id，只在style1中为它编写样式。css

不要调用该页面上的第二个css文件。或者给div一个唯一的id，只在style1.css中为它编写样式

[…]有一个div不应使用[…]中的样式

这就是CSS架构的艺术

你需要考虑一下：

• 写入规则的顺序；及
• 如何为这些规则编写选择器

一个好方法是按照以下顺序编写规则：

最一般的=>。。。到…=>最具体的 也就是说，您将从级联顶部最通用、应用最广泛的规则开始，然后，随着级联的进行，在越来越精细的基础上逐渐关注异常

例如

p {
  font-size: 16px;
  font-weight: 400;
}

h2 + p {
  font-weight: 700;
}

footer h2 + p {
  font-size: 12px;
  font-weight: 400;
}

上面的示例声明了三种样式规则：

• 除非另有说明，
  元素的

  字体大小应为
  16px
  和正常的
  字体重量

• 上述第一条规则的例外情况是
  元素紧跟在
  元素之后，在这种情况下，它应该有一个粗体

• 反过来，上述第二条规则的例外情况是
  元素后跟
  元素本身包含在
  剖切元素中，在这种情况下，它应该具有正常的

  字体重量

  ，但也有较小的

  字体大小
  12px

使用这种方法，您会发现，在大多数情况下，您不需要撤消已应用的样式，因为在需要之前，您永远不会应用这些样式

[…]有一个div不应使用[…]中的样式

这就是CSS架构的艺术

你需要考虑一下：

• 写入规则的顺序；及
• 如何为这些规则编写选择器

一个好方法是按照以下顺序编写规则：

最一般的=>。。。到…=>最具体的 也就是说，您将从级联顶部最通用、应用最广泛的规则开始，然后，随着级联的进行，在越来越精细的基础上逐渐关注异常

例如

p {
  font-size: 16px;
  font-weight: 400;
}

h2 + p {
  font-weight: 700;
}

footer h2 + p {
  font-size: 12px;
  font-weight: 400;
}

上面的示例声明了三种样式规则：

• 除非另有说明，
  元素的

  字体大小应为
  16px
  和正常的
  字体重量

• 上述第一条规则的例外情况是
  元素紧跟在
  元素之后，在这种情况下，它应该有一个粗体

• 反过来，上述第二条规则的例外情况是
  元素后跟
  元素本身包含在
  剖切元素中，在这种情况下，它应该具有正常的

  字体重量

  ，但也有较小的

  字体大小
  12px

---

使用这种方法，你会发现，大多数时候，您不需要撤消已应用的样式，因为在需要之前，您永远不会应用样式。

通常通过调整style2.css中的样式规则，并确保没有选择器与特定的差异相匹配。否则，通过添加具有更特定选择器的新规则来定义您实际使用的样式需要。通常通过调整style2.css中的样式规则，并确保没有选择器与特定的差异相匹配。否则，通过添加具有更特定选择器的新规则来定义实际需要的样式。