@makcimusprime

Как перестроить дерево в Media запросах?

Верстаю на Sass. Имеется такая структура. (например)
.main
	.content
		.column
			&.left
				.messages
					.message
                padding-top: 150px

Чтобы изменить паддинг у img при "@Media" нужно повторить всю структуру и уже менять значение. Но если при определенном разрешении меняться должно только 1 свойство и сделать без дерева...
@media screen and (max-width: 767px)
    .message
        padding-top: 100px

...свойство не измениться (не примениться).
Можно ли в Sass сделать так, чтобы структура сохранялась?
  • Вопрос задан
  • 175 просмотров
Пригласить эксперта
Ответы на вопрос 2
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Если я вас правильно понял, то SASS тут не при чем. Почитайте про специфичность селекторов в CSS (это легко гуглится). В крайнем случае можно было бы использовать !important в вашей ситуации, но это только в том случае, если вы понимаете то, зачем вы это делаете, и есть какая-то система его использования во всем проекте.

Но разумнее будет использовать методологии вроде популярного БЭМ или не очень популярного RSCSS. Это будет гораздо лучшим решением по сравнению с попыткой одну бяку закостылить другой.
Ответ написан
Комментировать
Krasnodar_etc
@Krasnodar_etc
avito front
Настолько большая вложенность стилей - не всегда хорошо. Попробуйте БЭМ. И про вес селекторов почитайте обязательно

important - зло. Пишите дерево ещё раз.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы