Dodanie nowego pliku css

[nostromo]

Witam. 

Dodałem sobie na stronie nowy plik css o nazwie overwrite. Chcę w nim wpisywać wszystkie zmiany w szablonie na stronie.

Styl dodany jest jako pierwszy. Jednak mimo to przeglądarka go ignoruje. Muszę wpisywać !important aby zaciągał styl właśnie z overwrite. 

Czy jest możliwość w jakiś sposób powiedzieć przeglądarce który css jest ważniejszy? 

 

Pozdrawiam. 

[ttah]

Arkusz stylów z poprawkami musi być wczytany po tym pierwszym, podstawowym.

[Trotyl]

który css jest ważniejszy

 

Styl najbliżej elementu jest ważniejszy. !important zwiększa ważność ponad style bez niego. Logicznie rzecz biorąc - kolejne style nadpisują poprzednie, a twój nowy plik ze stylami ma nadpisać style w poprzednim.

[nostromo]

Działa.

Dałem w liście ładowanych css na końcu, czyli najbliżej skryptu.  (Trochę to przewrotne). 

Usunąłem !important i działa. 

 

Dzięki. 

Pozdrawiam. 

[RadekKw]

To logiczne kolejny styl nadpisuje wcześniejszy. A jeśli chodzi o !important to im mniej tym lepiej.

Poza tym masz drugą możliwość nie dodawać pliku tylko w tym pierwszym dopisywać nowe reguły css na końcu. W ten sposób strona będzie wczytywać o jeden css mniej a to oznacza lepszą wydajność. Jeszcze lepiej jak byś zmieniał istniejące reguły css w tym pierwszym pliku, bo to dodatkowo oznacza krótszy kod - czyli najlepiej. O ile oczywiście jest to możliwe.

[Falkon]

Pamiętać trzeba, że strona wczytuje się od góry do dołu,  czyli gdybyś teoretycznie po każdej linii miał akceptować wczytanie następnej to np najpierw po wczytaniu css bootstrap masz zdefiniowane wszystko przez bootstrap, a później swoimi zmianami zmieniasz to co daje framework, jeśli piszesz odwrotnie i na końcu wczyta ci się css od bootstrap to klasy o tej samej nazwie twoje zostaną nadpisane przez te od bootstrap.

[bananasltd]

jeden plik css na stronę wystarczy - no można go jeszcze rozbić - jak mówi google aby strona się ładowała szybciej

standardowy plik css z bootstrapa jest w dużej mierze nie wykorzystywany