Dość powszechnym zjawiskiem dla osób tworzących skrypty, zdarza się, że dany element nie chce się ''nadstąpić''. Wynikiem tego zamiast np. mieć czerwone tło, mamy nadal domyślne białe. Twórcy kaskadowych arkuszy stylów i o tym pomyśleli i stworzyli dość mało używane ( chyba ze względu na niewiedzę ) własność !important, która określa, że element do, którego się odnosimy jest dużo ważniejszy, niż to co do tego elementu napisaliśmy wcześniej.

Dla przykładu wklej dwa skrypty, pozwalające zmienić tło na forum. Jeden ustaw by kolor był zielony, drugi czerwony. Wynik jest oczywisty = zielony ze względu, że jest przed skryptem na tło czerwone. I tutaj właśnie pojawia się własność !important.

Jeżeli w kodzie drugim użyjemy tej własności ( dla przykładu kod poniżej ) mając jeszcze wcześniej wstawioną tą na zieloną, kolor tła zmieni się na czerwony.

body {
background-color: red !important; }

Jeżeli już zrozumiałeś o co chodzi, nie czytaj tego co jest na dole - jeżeli nie zrozumiałeś na dole podaje przykład specjalny pod pun.pl

Na swoim forum ustaw sobie styl SolidBlue. Użyj kodu na zmianę tła na obrazkowego:

body {
background-image: url(http://noof.pun.pl/_fora/noof/avatars/2.jpg); }

W przypadku tego stylu tło się nie zmieni - po prostu wartość domyślna jest ważniejsza od tej wklejonej w modyfikacji css. Na innym stylu tło powinno się zmienić na mój obrazek jaki mam w avatarze tutaj.
Teraz spróbuj z własnością !important wklejając ten sam kod:

body {
background-image: url(http://noof.pun.pl/_fora/noof/avatars/2.jpg) !important; }

O dziwo zmieniło się tło.

by ukaszf9