Kaskada CSS (cascade) to mechanizm rozstrzygania konfliktów, gdy kilka reguł może formatować ten sam element. W tym pytaniu chodzi o pierwszeństwo źródła stylu w typowej hierarchii dołączania CSS.
Poprawna kolejność to "Lokalny, Wewnętrzny, Zewnętrzny", ponieważ:
- Style lokalne (inline) zapisane bezpośrednio w HTML w atrybucie style="" zwykle nadpisują pozostałe źródła – są "najbliżej" elementu.
- Style wewnętrzne (internal) umieszczone w dokumencie HTML w bloku <style> (najczęściej w <head>) mają wyższy priorytet niż reguły z dołączonego pliku.
- Style zewnętrzne (external) z podlinkowanego pliku .css mają w tej trójce najniższe pierwszeństwo.
W praktyce, gdy ten sam element ma np. kolor ustawiony w pliku .css, potem zmieniony w <style>, a na końcu ustawiony inline, to właśnie inline "wygra" i będzie widoczny na stronie.
Dlaczego pozostałe odpowiedzi są błędne? Zawierają elementy, które nie opisują standardowych, poprawnych kategorii źródeł CSS w kaskadzie (np. sformułowania typu "rozciąganie stylu") albo mieszają pojęcia w kolejności sprzecznej z zasadą, że inline ma najwyższy priorytet. Częsty błąd na egzaminie to mylenie tej hierarchii z specyficznością selektorów (id/klasa/tag) oraz z modyfikatorem !important, które mogą dodatkowo zmieniać wynik – jednak pytanie dotyczy wyłącznie ogólnej kolejności źródeł stylów.
