如何使元素的CSS不从其他人继承？

Question

我希望元素只使用＆＃34; A＆＃34; 部分中的css，并忽略＆＃34; B＆＃34; 部分。

有可能吗？如果javascript可以这样做，怎么做？

谢谢你。

Answer 1

您不能使用您提供的示例执行此操作。 CSS中的C代表Cascading，样式规则 cascade 在DOM树下。

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

或者，您可以将最上面的选择器设置为更具体，例如#content input{}。这样，当您在#footer中放置表单时，它就没有样式，因为#content中没有#footer（它无法级联）。< / p>

我建议你定义一般的input。这样，所有表单在整个网站中都具有相同的字体，大小和样式。如果您想要其他颜色边框，则只需更改一个设置即可。这是许多（专业）网站的工作方式，因为它是最有效的。

Answer 2

这是继承的工作方式。如果全局设置其他样式（即对于所有CFData?元素），则只能覆盖样式。

您始终可以使用某个类名限制input的全局样式，例如input，因此 raw input.myStyle将不会设置样式。