¿Cómo puedo eliminar todos los atributos de cualquier selector css? ¿Para anular y restablecer cualquier selector de id 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

No se puede. Tendría que restablecer manualmente cada uno de ellos. Si necesita saltar entre las principales diferencias, cuando un usuario hace clic en el elemento, por ejemplo, puede eliminarlas del elemento y colocarlas en una clase. Así que esto:

#search-box { 
    color:blue; 
} 

Se convierte en esto:

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

Ahora cada vez que necesite hacer cambios radicales en la pantalla de un elemento, añadir o eliminar la clase .focused.

Answer 2

No se puede eliminar todos los atributos. Debería ser más específico en su primera regla para que solo se oriente a los elementos que desee. O eso o necesita establecer explícitamente los valores que desea en la segunda regla.

Answer 3

La pregunta tiene mucho más sentido, si utiliza clases;
HTML:

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

continuación, restablezca los atributos, por ejemplo:
CSS:

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