Dyrektywa stylu CSS !important

Chciałbym omówić dyrektywę !important w arkuszu stylów CSS. Jest to bardzo przydatny element pozwalający nam definiować elementy w CSS, które są opisane np. w HTMLu. W dobie responsive web design dyrektywa pozwala na zdefiniowanie wielkości danych elementów na stronie internetowej. W skrócie dyrektywa !important wskazuje na najważniejszy opis danego elementu, opis elementu w kodzie strony www, ważniejszy niż wynikałoby to z kolejności.

Na przykład kod mapy Google:

W telefonach komórkowych taka szerokość mapy nie będzie wyglądać korzystnie, problem załatwi nam kod:

Dzięki temu elementowi możemy wyróżnić dany moduł strony internetowej bez konieczności nadawania mu dodatkowej klasy czy id.

Dla jednego elementu opisanego możemy użyć dowolna liczbę znaczników !important, np.

 

Zapraszamy do komentowania artykułu "Dyrektywa stylu CSS !important" oraz odwiedzin strony www Olsztyn.
8 listopada, 2013
Powrót
Komentarze do Dyrektywa stylu CSS !important Boob 19 lutego 2014, godzina: 15:03

Spoko ale zastosowanie tej dyrektywy świetnie sprawdza się przeróbkach jakiś gotowych elementów. Np wtyczek w WP, nie trzeba wtedy grzebać w oryginalnych CSS tylko wszystkie korekty się wrzuca do jednego pliku.

Komentarze do Dyrektywa stylu CSS !important admin 04 marca 2014, godzina: 22:04

Dokładnie ale robi się z tego spora ilość niepotrzebnego kodu CSS 😉

Dodaj komentarz do tego artykułu

Zobacz także

Tworzenie przycisku na potrzeby strony www

Nie od dzisiaj wiadomo, że czym mniej obrazków, czyli czym mniej “waży” nasza strona www, tym lepiej. Strona internetowa szybciej się ładuje jest przyjaźniejsza dla użytkowników jak i robotów wyszukiwarek. W tym artykule zaprezentuje metodę tworzenie fajnych przycisków na potrzeby stron internetowych bez użycia grafiki. Kolejnym atutem takiego rozwiązania jest ustawienie dowolnej wielkości takiego obiektu, czyli przycisk będzie wyglądał identycznie na telefonie, tablecie czy komputerze stacjonarnym. Nie będziemy potrzebować trzech …

31 sierpnia, 2013
więcej

Czym są style CSS

Style CSS Cascading Style Sheets (Kaskadowe Arkusze Stylów), to elementy strony internetowej określające nam wygląd, położenie a nawet animację danych elementów strony www, a dokładniej zdefiniowanych elementów kodu HTML. Dzięki CSS możemy określić np. kolor danego elementu, wielkość czcionki, animację po najechaniu czy kliknięciu, położenie względem innych elementów, wymiary i inne wartości budujące całą stronę internetową. Kod HTML buduje nam strukturę witryny a styl CSS określa właściwości tej struktury.

5 czerwca, 2013
więcej

Tworzenie pierwszego arkuszu CSS na potrzeby strony www

Od czego zacząć pisanie pierwszego kaskadowego arkuszu stylów CSS na potrzeby strony www, proponuję rozpocząć cały proces od ustawień ogólnych naszej strony internetowej. Wprowadzimy ustawienia ogólne dla wszystkich najpopularniejszych znaczników naszej stronie a później będziemy definiować precyzyjnie każdy z elementów. Ułatwi to nam cały proces tworzenia strony www. Nazywam ten proces “czyszczeniem”. Przed rozpoczęciem pracy powinniśmy mieć już  gotowy projekt strony internetowej, tak że widzimy jak nasza witryna internetowa będzie …

5 lipca, 2013
więcej

Archiwum

Archiwa