Специфичность в CSS - про приоритет правил

Специфичность - это приоритет правил, то есть когда одному и тому же элементу задано два цвета, например: #header {color:red;} и div {color:black;}. Какой цвет будет в итоге? черный или красный? ответ прост: красный, потому-что ID имеет более высокую специфичность (приоритет).
Подробнее в видео:


Для чего это нужно знать? Ответ: для того, чтобы когда будете править чужой сайт и вносить в него изменения, то можете увидеть что внесенные изменения не применяются, то есть вы вроде все верно прописали, ошибок нет, но цвет так и остался черный, а вы прописали красный. Это значит что специфичность у вашего правила (селектора) меньше. Обычно это решается применением ID
Пред. урок След. урок