Как правильны писать селекторы в медиа?

Question

[Иван Соловьев]

Пишу на sass, из за использования вложенностей получается длинный "тяжелый" селоктор типа: .header .top_line .nav .items .link .img Из за этого в медиа запросах не получается перебить стили, хотя они и находятся ниже по коду. Можно ли както с этим бороться, чтобы в медиа запросах не писать такие длинные селекторы.

Answer 1

[Борис Манжела]

Можно использовать БЭМ нотацию и строить имена классов так:

.header
  &__top
     &_nav

Answer 2

[Виталий]

Используйте БЭМ или SMACSS или еще что то .. чтобы не было такой вложенности