最佳答案
您不能使用您提供的示例来做到这一点。 CSS 中的 C 代表层叠,样式规则层叠到 DOM 树。
您必须使用更具体的选择器将元素的样式重置为您想要的样式,例如#Examplewrapper 输入{}
。通过使用更具体的选择器,它将覆盖/补充以前的样式,而不需要 !important
。
或者,您可以将最上面的选择器设置得更具体,例如#content input{}
。这样,当您在 #footer
中放置一个表单时,它将没有样式,因为 #content
没有 #footer
在里面(它不能级联)。
我建议您定义一个通用的 input
。这样,整个网站的所有表单都具有相同的字体、大小和样式。如果您想要另一种颜色边框,您只需更改该设置即可。这是许多(专业)网站的工作方式,因为它是最有效的。
关于javascript - 如何使元素的 CSS 不继承自其他元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50019556/