是否可以排除一个特定 div 容器的所有 css 样式？

Question

我font-face在我的网站上使用时遇到问题。在使用它自己的样式的 html 文件上测试它时，我可以让它工作，但如果我包含其他样式表，则不能。

我试过覆盖 stles，以不同的顺序放置样式表等等，但没有任何效果。

所以我想知道，是否可以排除所有 CSS 并仅将一个 css 文件中的 css 用于特定 div 容器？

（不使用iframe）

Answer 1

不幸的是，不能，不可能从继承的 CSS 中清除或重置特定容器的样式。您必须手动覆盖您想要的每种样式。

您可以做的是为您的类命名空间，您所需要担心的就是您可以在样式表开头使用默认值定义的元素样式。例如，类似：

div,table,span,img,p{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
}

当然，您可以将!important添加到您需要的元素中，并向列表中添加更多元素。如果您不能信任或不知道将要加载并应用到您的页面的其他样式，我发现最好从一个空白的石板开始。