javascript - 如何使元素的 CSS 不继承自其他元素？

Question

我希望该元素仅使用 "A" 部分中的 css 并忽略 "B" 部分。

这可能吗？如果 javascript 可以做到这一点，怎么做？

谢谢。

Answer 1

您不能使用您提供的示例来做到这一点。 CSS 中的 C 代表层叠，样式规则层叠到 DOM 树。

您必须使用更具体的选择器将元素的样式重置为您想要的样式，例如#Examplewrapper 输入{}。通过使用更具体的选择器，它将覆盖/补充以前的样式，而不需要 !important。

或者，您可以将最上面的选择器设置得更具体，例如#content input{}。这样，当您在 #footer 中放置一个表单时，它将没有样式，因为 #content 没有 #footer 在里面(它不能级联)。

---

我建议您定义一个通用的 input。这样，整个网站的所有表单都具有相同的字体、大小和样式。如果您想要另一种颜色边框，您只需更改该设置即可。这是许多(专业)网站的工作方式，因为它是最有效的。