Comment puis-je supprimer tous les attributs d'un sélecteur css? Pour remplacer et réinitialiser les sélecteurs d'identifiant 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

Vous ne pouvez pas. Vous auriez à réinitialiser manuellement chacun d'eux. Si vous devez sauter entre des différences majeures, lorsqu'un utilisateur clique sur l'élément, par exemple, vous pouvez les supprimer de l'élément lui-même et les placer dans une classe. Donc ceci:

#search-box { 
    color:blue; 
} 

Devient ceci:

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

Maintenant, chaque fois que vous devez apporter des modifications radicales à l'affichage d'un élément, ajouter ou supprimer la classe .focused.

Answer 2

Vous ne pouvez pas supprimer tous les attributs. Vous devriez être plus précis dans votre première règle afin qu'elle ne cible que les éléments que vous désirez. Soit cela ou vous devez définir explicitement les valeurs que vous voulez sur la deuxième règle.

Answer 3

La question est beaucoup plus logique, si vous utilisez des classes;
HTML:

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

Remettre ensuite les attributs, par exemple:
CSS:

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