​Как не надо делать сайты

Это смешно, но это - правда. Наткнулась на сайте одного крупнейших аэропортов России на самые ужасные bad practise в CSS.

Во-первых, посмотрите на селектор обращения. Они используют button (т.е. обращение к тегу, а не к классу) и задают для него специфичные цвета. Т.е. предполагается, что все кнопки будут такого цвета. А если нет - то последуют большая волна переопределения, мы увидим множество перечеркнутых стилей (что не есть good).

Как надо: использовать обращение по классу, а не по тегу или id-элемента. Не надо думать, что все кнопки на вашем сайте будут оранжевые. Даже если это и так, правильнее завести класс .button на этот случай, а не задавать селектор на весь тег. Потом замучаетесь переопределять и искать свои ошибки.

Во-вторых: они применяют правило !important в селекторах. Т.е. если я и захочу поменять цвет текста у кнопки, у меня практически не будет на это шансов. Только написав “!important” еще один раз.

Помните, что однажды написанный “!important” породит новый, за которым последует еще один, размножающий три. Это как с коронавирусом. Не надо так.

Так что даже важные сайты могут быть написаны не совсем некорректно. Не доверяйте слепо качеству кода крупных брендов, а всегда проверяйте их его лично. Разобраться лучше в приоритетах стилей поможет статья.