如何从任何css选择器中删除所有属性？要覆盖和重置任何css id选择器？

Question

#search-box {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
background-color:#ffffff;
border:0px solid #CCCCCC;
float:right;
padding:8px;
position:relative;
top:0;
width:20em;
}

#search-box {
/*remove all css declaration here*/
}

Answer 1

您无法删除所有属性。您应该在第一条规则中更具体，以便它只针对您想要的那些元素。要么你需要在第二条规则上明确设置你想要的值。

Answer 2

你做不到。您必须手动重置每个。如果您需要在主要区别之间跳转，例如，当用户单击元素时，您可以从元素本身中删除它们，并将它们放在一个类中。所以这个：

#search-box {
  color:blue;
}

成为这个：

#search-box {
  color:red;
}
#search-box.focused {
  color:blue;
}

现在，只要您需要对元素的显示进行根本性更改，请添加或删除.focused类。

Answer 3

如果你使用课程，问题会更有意义;
的 HTML ：

<div id="site-search-box" class="search-box">

然后重置属性，例如：
的 CSS ：

#site-search-box {
    position: static;
    padding: 0;
    width: auto;
}