Css on a specific div

Question

我试图在我的网页中显示一个docx。我目前的流程是：将文档保存为html，读取文件并将其发布到网站上。问题是，它生成的css规则会影响整个文档。例如，它将所有链接都涂成蓝色，并扰乱了整个网站。有什么方法可以告诉样式标记只与特定的div相关？非常感谢

Answer 1

只需在要生成的代码的外部/包装器div上做一个选择器。为此，您必须在标记上指定一个。

示例：

<div class="mycode">
   content, divs, classes, links, uls etc
</div>

然后在CSS上选择：

.mycode a {
}
.mycode p {
}

这些组合子可能很有用：

子选择器

div > p {
    background-color: yellow;
}

相邻模拟选择器

div + p {
    background-color: yellow;
}

通用模拟选择器

div ~ p {
    background-color: yellow;
}

Answer 2

如果不知道生成的HTML代码的外观，这是不可能回答的。但简而言之，您需要能够以某种方式针对您想要更改的特定div。将一个特定的类添加到以这种方式生成的所有div中，并且只针对该类中包含的内容即可