​​Приоритетность стилей в css.
Иногда нужно перебить какой-то стиль или записать свой поверх другого, но многие путают приоритеты, сегодня разберёмся 

Самый маленький приоритет имеет обращение к элементу, например 
p {
  color: red;
}

Затем следуют классы
.red{
 color: red;
}

Но классы пересевает id
#blue{
 color: blue;
}

Id перебивает стили внутри тега(в HTML файле)
<p style = "color: green"></p>

А потом идёт легендарный !important
p {
  color: red !important;
}

PS: обращения можно вкладывать друг в друга, так будет расти их приоритет, подробнее тык