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
Offline