Как я могу удалить все атрибуты из любого селектора CSS?Переопределить и сбросить любые селекторы идентификаторов CSS?

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

Вы не можете.Вам придется вручную сбросить каждый из них.Если вам нужно перейти между основными различиями, например, когда пользователь щелкает элемент, вы можете удалить их из самого элемента и поместить в класс.Вот так:

#search-box {
  color:blue;
}

Получается так:

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

Теперь, когда вам нужно радикально изменить отображение элемента, добавьте или удалите класс .focused.

Answer 2

Вы не можете удалить все атрибуты. Вы должны быть более конкретными в своем первом правиле, чтобы оно предназначалось только для тех элементов, которые вы желаете. Либо это, либо вам нужно явно установить значения, которые вы хотите во втором правиле.

Answer 3

Вопрос имеет гораздо больше смысла, если вы используете классы;
HTML

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

Затем сбросьте атрибуты, например:
CSS

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