Javascript 如何使一个元素的CSS不从其他元素继承？

我希望元素只使用A部分中的css，而忽略B部分

有可能吗？如果javascript可以做到这一点，如何做到

---

谢谢。

这就是继承的工作方式。只有在全局设置其他样式（即为所有输入元素）时，才能覆盖样式

---

您始终可以使用某些类名（如input.myStyle）限制输入的全局样式，这样原始输入就不会设置任何样式。

您所提供的示例无法做到这一点。CSS中的C代表级联，样式规则沿着DOM树级联

必须使用更具体的选择器（例如Examplewrapper输入{}），将元素的样式重置为所需的样式。通过使用更具体的选择器，它将覆盖/补充以前的样式，而无需！重要的

或者，您可以将最上面的选择器设置得更具体，例如内容输入{}。这样，当您在页脚中放置表单时，它将不具有样式，因为内容中没有页脚，因此无法层叠

---

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

！重要的是你所看到的是一个类的B部分css。e、 g.input.common，textarea.common{}With！重要信息：您需要覆盖所有css规则。您可能会发现更有用的方法是将类附加到元素a，并在其中使用具有更高特定性的css选择器定义其样式。在a或use中使用相同名称重新定义b中的类！重要的是，这是一个Firefox扩展。因此，当它在任何网页上运行时，它的css都会根据该网页而变化。实际上，这是css，意思是级联样式表。