Html 如何防止子元素继承CSS样式

我有一个

元素，里面有一个

元素：

<div style="font-size:10pt; color:red;">
    This is my Parent Div.
    <p>This is my Child Paragraph.</p>
    My parent Div Ends Here.
</div>

这是我的父母部门。
这是我的孩子

我的父母在这里结束。

如何防止我的段落继承设置为子节点中的

？

的CSS属性-

<p style="font-size:12pt; color:black;">This is my child</p>

这是我的孩子

---

只需将内联样式设置为您想要的任何样式。

在您的情况下，最好的方法是将

元素继承的样式设置为右上方：

因此，在CSS文件中，您应该使用该文件而不是内联样式：

.parent-div {
    font-size: 10pt;
    color: red;
}

.child-paragraph {
    font-size: 12pt;
    color: black;
}

您可以使用CSS中的
选择器选择
div
的直接子级
p


只有当设置的样式很少时，才可能进行此操作。目前我的焦点节点是段落，我将有不同的父节点。因此，我希望避免所有父节点的样式设置，并保留我为段落设置的所有样式。是否有任何方法将所有样式设置为默认值。正如你所说的段落样式我们可以设置。但是我想设置为默认值的所有值。我如何设置。你所说的
所有值
是什么意思？请详细说明一下？所有CSS样式信息，如背景色、图像等。。。目前，我正在创建一个类，并使用所有样式信息尝试将该类添加到所需位置
div > p {
    font-size:1.2 em;
    color: green;
}