1
0

Здравствуйте. Смотрю урок по web-разработке: https://beonmax.com/courses/web-razrabotchik/adaptaciya-proekta-praktika-1/ 

Не могу понять, почему при указании ширины для адаптации через @media не меняется размер шрифта. Нужно чтобы размер шрифта поменялся с шириной < 1200px на 13px

Стиль который должен применитсья перечёркнут, это видно в браузере. Старый размер шрифта его перекрывает, что то врубиться не могу из-за чего. 

Файл sass с @media подключен корректно, когда другие стили пробую менять, всё менятся с изменением ширины <1200px, а размер шрифта не меняется, перекрывается старым.

На сриншоте видно код, плюс как браузер страницу отображает: скриншот

Не подскажете почему так может быть? Откуда копать?


Anton Karimov
4 years ago






Я нашел ошибку. В файле _general.sass подкласс .menu_link был написан через полное имя

.menu
  display: flex
  justify-content: space-between
  padding: 13px 70px
  margin-bottom: 0
  list-style-type: none

  .menu_link
    font-size: 15px
    font-weight: 300
    text-align: left
    color: #ffffff

В файле _media.sass как &_link:

@media (max-width: 1200px)
    .menu
        &_link
            font-size: 13px

Из-за этого размер шрифта не менялся. Видимо важно не отходить от похожей структуры, но что интересно, до того как я ошибку обнаружил некторые стили всё равно применялись. С цветом фона экспереминтировал, ему по барабану было, он менялся не смотря то что к классам по разному обращались в файлах. А вот шрифт не менялся. Хз, может у меня багануло что)

Anton Karimov
4 years ago

Хм..странная чертавщина. Понял откуда проблема, если писать код в sass

@media (max-width: 1200px)
  .menu
    &_link
      font-size: 13px

...то размер шрифта не меняет.

Если писать полное имя подкласса:

@media (max-width: 1200px)
  .menu
    .menu_link
      font-size: 13px

...то всё заработало, размер шрифта начал меняться.

Короче причину я понял, осталось понять почему с знаком &_  не хочет работать.

Anton Karimov
4 years ago

Проблема в наследование классов, если ты все делал по уроку, в файле _general.sass, класс .main, нужно корректно подправить в .sass

Денис Агуреев
4 years ago

3 ответов