Jak mogę usunąć wszystkie atrybuty z dowolnego selektora CSS? Aby przesłonić i zresetować selektory identyfikatora 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

Nie możesz. Musisz ręcznie zresetować każdy z nich. Jeśli chcesz przeskoczyć między dużymi różnicami, na przykład, gdy użytkownik kliknie element, możesz usunąć je z samego elementu i umieścić w klasie. Więc tak:

#search-box { 
    color:blue; 
} 

staje się w ten sposób:

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

Teraz za każdym razem trzeba dokonać radykalnych zmian na wyświetlaczu elementu, dodać lub usunąć klasę .focused.

Answer 2

Nie można usunąć wszystkich atrybutów. Powinieneś być bardziej konkretny w swojej pierwszej zasadzie, aby kierować tylko te elementy, które pragniesz. Albo to albo musisz jawnie ustawić wartości, które chcesz na drugiej regule.

Answer 3

Pytanie ma dużo więcej sensu, jeśli korzystasz z zajęć;
HTML:

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

Następnie zresetować atrybuty, np:
CSS:

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