Каскадность — это способ, которым браузер решает, какой стиль использовать, если к одному элементу подходит несколько правил. Например, если один стиль говорит, что текст должен быть красным, а другой — что он должен быть синим, браузеру нужно выбрать, какой из них применить.
Это зависит от нескольких вещей:
-
Насколько точно правило подходит к элементу (например, стиль для конкретного класса важнее, чем общий стиль для всех элементов).
-
Откуда взялось правило (например, стиль из файла CSS или прямо в HTML).
-
Порядок правил — если два правила одинаково важны, то браузер выберет то, которое написано последним.
"CSS: The last one in the source order wins!"
(«CSS: Кто последний, тот и победил!»)
Эта фраза отражает принцип каскадности: если два правила имеют одинаковый вес (специфичность), то браузер применит то, которое написано последним.