W typowym ujęciu kaskadowania CSS, gdy te same właściwości dotyczą tego samego elementu, a reguły mają porównywalną "siłę", najczęściej przyjmuje się kolejność pierwszeństwa między sposobami dołączania stylów:
- Style lokalne (inline) – zapisane bezpośrednio w atrybucie style danego elementu. Ponieważ są "najbliżej" elementu, zwykle mają najwyższy priorytet w prostych porównaniach.
- Arkusz wewnętrzny – reguły CSS umieszczone w dokumencie HTML w sekcji style. Obowiązują w obrębie tej strony i w prostych konfliktach przegrywają z inline.
- Arkusz zewnętrzny – reguły w osobnym pliku CSS dołączonym np. przez odwołanie w dokumencie. W prostym modelu kaskady jest to poziom o niższym priorytecie niż style inline i wewnętrzne.
Dlatego odpowiedź "Lokalne > Wewnętrzne > Zewnętrzne" oddaje podstawową zasadę, którą często testuje się na egzaminach.
Dlaczego pozostałe odpowiedzi są niepoprawne w tym podstawowym modelu?
- "Wewnętrzne > Zewnętrzne > Lokalne" jest sprzeczne z faktem, że inline zwykle nadpisuje style z arkuszy, gdy dotyczą tej samej właściwości.
- "Zewnętrzne > Wewnętrzne > Lokalne" odwraca powszechnie nauczaną hierarchię i sugeruje, że plik CSS ma zawsze najwyższy priorytet, co nie jest prawdą w prostych konfliktach.
- "Lokalne = Wewnętrzne = Zewnętrzne" pomija mechanizm kaskadowania; w praktyce konflikty są rozstrzygane, a reguły mogą się nadpisywać.
Uwaga praktyczna: w realnych projektach na wynik wpływają też m.in. specyficzność selektorów, kolejność wystąpienia reguł, użycie !important, a także pochodzenie stylów (przeglądarka/użytkownik/autor) i nowsze mechanizmy jak warstwy kaskady. W zadaniach szkolnych zwykle pomija się te niuanse, pytając o ogólną kolejność typów arkuszy.
