буквально вот сейчас заюзал &:hover > .div и когда настал момент адаптации, хапнул через край)

Вот, да

нужно было по другому верстать

& > div плохо

но иногда нужно

в менюшках, к примеру

в менюшках, к примеру

Нооооооооооууууу

чтобы не писать кучу кода

Нооооооооооууууу

хз, всегда так делаю, никаких проблем абсолютно

Влоденная менюшка появилась, и все, переписывать нид

Влоденная менюшка появилась, и все, переписывать нид

да впринципе если враппер какой то появился уже все сломается

но иногда нужно

Еще раз, вот сейчас меню верстал, заюзал &:hover > .div, и когда пошел адаптировать меню, эта вложенность встала мне боком, потому что класс переопределся с media именно на класс для desktop версии

Нооооооооооууууу

поэтому согласен на 100

но иногда нужно

да понятное дело, мне приходит с сервака например лол, приходится такое юзать

Еще раз, вот сейчас меню верстал, заюзал &:hover > .div, и когда пошел адаптировать меню, эта вложенность встала мне боком, потому что класс переопределся с media именно на класс для desktop версии

Медиа запросы?

В итоге либо менять css, либо импортанты

Медиа запросы?

да

да понятное дело, мне приходит с сервака например лол, приходится такое юзать

Вот кстати, пока единственный кейс, где можно юзать вложенность

Юзер инпут какой нибудь с хтмл

Кто хорошо в семантике шарит? Как думаете, текст отзыва лучше писать в тэге "цитаты", "параграфа" или обычного дива?

зависимости плодить и связывать код не стоит, на среднем проекте уже ногу отстрелишь вложенностью, лучше все вешать на классы всегда

Кто хорошо в семантике шарит? Как думаете, текст отзыва лучше писать в тэге "цитаты", "параграфа" или обычного дива?

ну, р думаю сойдет как вариант, но желательно не в див))

читалки вроде как с этим не особо жалуют

зависимости плодить и связывать код не стоит, на среднем проекте уже ногу отстрелишь вложенностью, лучше все вешать на классы всегда

Да именно так. Вложенность с одной стороны кажется удобной и заманчивой, но потом задолбаешь палки из колес вынимать

да

Так в чём проблема? Не увидел. Просто пишешь правила на разных медиазапросах, которые не пересекаются

Кто хорошо в семантике шарит? Как думаете, текст отзыва лучше писать в тэге "цитаты", "параграфа" или обычного дива?

параграф норм, цитата все же часть общего текста (статьи например)

Так в чём проблема? Не увидел. Просто пишешь правила на разных медиазапросах, которые не пересекаются

Долго объяснять, у меня всего 1 медиа запрос и блок все равно пытался скушать свойство с вложенностью из десктопного разрешения.

/stat@combot

combot.org/c/-1001067072209

Долго объяснять, у меня всего 1 медиа запрос и блок все равно пытался скушать свойство с вложенностью из десктопного разрешения.

нахрена тогда медиазапрос, если он только один)

вся соль этого в том, чтобы стили на разных экранах не пересекались и не применялись

Значит ты просто неправильно используешь возможности media queries

вся соль этого в том, чтобы стили на разных экранах не пересекались и не применялись

Либо я переопределяю это свойство вложенности в медиазпросе, либо не использую вообще. Если не использую, то div кушает из родного, а переопределять мне не нужно, мне ни одно свойство там не подходило. К тому же этот блок еще на JS скрипт повешен, там анимация. В итоге пришлось отказаться от вложенности.

вся соль этого в том, чтобы стили на разных экранах не пересекались и не применялись

То есть для каждого экрана все стили целиком заново переписывать?

Ну ты понял, что ты неправильно медиазапросы составляешь?

Ну ты понял, что ты неправильно медиазапросы составляешь?

Нет, я понял что & > div мне на < 992px нафиг не нужна. Переписал малеха CSS и все получилось

Надо так, к примеру: @media (min-width: 1024px) {} /* Для десктопов */ @media (max-width: 1023px) {} /* Для мобильных */

и это дерьмо ради одного блока делать?

А проблема не в & > div как оказалось)

ты смеешься?

и это дерьмо ради одного блока делать?

дерьмо — это когда куча стилей друг друга перезаписывают)

Короче, ты даже не хочешь понимать, ну что ж, дело твоё)

Надо так, к примеру: @media (min-width: 1024px) {} /* Для десктопов */ @media (max-width: 1023px) {} /* Для мобильных */

Ужс

Ужс

и в чём же?

ты смеешься?

как там джун?

дерьмо — это когда куча стилей друг друга перезаписывают)

Блоки применяют стили как надо, если ничего стиль не перезаписывает и меда запросы ему позволяют, он наследует родной стиль, что и было в моем случае. Плодить куча меда запросов под каждый блок, это извращение

и в чём же?

То есть ты целиком все стили для мобилки заново переписываешь?

То есть ты целиком все стили для мобилки заново переписываешь?

только конкретные стили, которые нужно отделить

Остальное, что нужно везде — без медиа

как там джун?

Дал работу, надеюсь работает )

только конкретные стили, которые нужно отделить

Хм, а в этом есть смысл

Хм, а в этом есть смысл

Это очень удобно)

Дал работу, надеюсь работает )

я тоже надеюсь ))))

Это очень удобно)

Надо попробовать, посмотреть

по крайней мере не придётся перезаписывать что-то и не париться о проблемах & > div

по крайней мере не придётся перезаписывать что-то и не париться о проблемах & > div

Ну второе это другая проблема

Поресерчить надо

я mobile first пишу всегда -- основные стили для моб, а для десктопа и т.п. добавляю, юзаю только min-width в media

Дал работу, надеюсь работает )

Ключевое слово "надеюсь" ? Ты за менторство взялся, или просто мелкие заказы сплавляешь?

Прост общепринятый подход - перезаписывать

Ключевое слово "надеюсь" ? Ты за менторство взялся, или просто мелкие заказы сплавляешь?

как по мне это менторство ))))

я mobile first пишу всегда -- основные стили для моб, а для десктопа и т.п. добавляю, юзаю только min-width в media

Ну вот я так же

я mobile first пишу всегда -- основные стили для моб, а для десктопа и т.п. добавляю, юзаю только min-width в media

Кстати — ты мобильные стили без обертки в media пишешь? Я имею ввиду для тех, которые потом нужно перезаписать для десктопа?

Влад без обид, это не про теб, но дизайнеры ужасные персоны

Ключевое слово "надеюсь" ? Ты за менторство взялся, или просто мелкие заказы сплавляешь?

Пока что менторство ну и даю мелочь верстать

как по мне это менторство ))))

Что - это? Сплавлять мелкие заказы, или то, чем он занимается? Я не в курсе всего диалога

Кстати — ты мобильные стили без обертки в media пишешь? Я имею ввиду для тех, которые потом нужно перезаписать для десктопа?

да, как дефолтные, без media

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

Что - это? Сплавлять мелкие заказы, или то, чем он занимается? Я не в курсе всего диалога

как бы дает проект, а джуниор ему вопросы начинает задавать

ERROR: S client not available

как бы дает проект, а джуниор ему вопросы начинает задавать

Это да

Кстати — ты мобильные стили без обертки в media пишешь? Я имею ввиду для тех, которые потом нужно перезаписать для десктопа?

Не, мобайл ферст, это когда для маленького разрешения пишутся просто стили, а на боььшем разрешении добавляются/изменяются

да, как дефолтные, без media

а не проще просто обернуть мобильное (что отличается от десктопного) в media, чтобы не надо было для десктопа перезаписывать что-то?

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

А сколько ты брейкпоинтов юзаешь?

А сколько ты брейкпоинтов юзаешь?

Беру бутстраповское. Даже больше могу сказать — юзаю с бутстрапом этот подход

Беру бутстраповское. Даже больше могу сказать — юзаю с бутстрапом этот подход

?????

Иногда корректирую брейпоинты, по необходимости

?????

началось)

Беру бутстраповское. Даже больше могу сказать — юзаю с бутстрапом этот подход

А всего брейкпоинтов сколько у тебя получается примерно?

3-4, думаю. Больше смысла нет

А зачем тогда ты мне советуешь для одного маленького блока писать вот это?

@media (min-width: 1024px) {} /* Для десктопов */ @media (max-width: 1023px) {} /* Для мобильных */

для мобильных, для планшетов/небольших размеров экранов под десктопы, для больших экранов

А зачем тогда ты мне советуешь для одного маленького блока писать вот это?

О, вспомнил сразу ролик про 7 красных взаимноперпендикулярных прямых)

а не проще просто обернуть мобильное (что отличается от десктопного) в media, чтобы не надо было для десктопа перезаписывать что-то?

можно и так, но мне проще и логичнее просто добавлять/менять стили на брейкпоинтах, начиная с меньшей ширины -- тут два подхода: плавное улучшение (mobile first) и плавная деградация (desktop first)

— но вы нарисовали красные линии синей ручкой! — но у меня была только синяя ручка..

1024 для десктопа? Такое бывает еще? От 1280 вроде старые макбуки начинаются

можно и так, но мне проще и логичнее просто добавлять/менять стили на брейкпоинтах, начиная с меньшей ширины -- тут два подхода: плавное улучшение (mobile first) и плавная деградация (desktop first)

ок

— но вы нарисовали красные линии синей ручкой! — но у меня была только синяя ручка..

Я человек прямой - вопрос задаю и жду прямого ответа.

1024 для десктопа? Такое бывает еще? От 1280 вроде старые макбуки начинаются

это пример

я же не говорю что ты не прав, я хочу чтобы ты убедил меня в том что твой метод верный

это пример

Ок

я же не говорю что ты не прав, я хочу чтобы ты убедил меня в том что твой метод верный

если хочешь что-то попробовать — попробуй, я же не из секты какой, чтобы тебя убеждать

просто маленький пример показал

1024 для десктопа? Такое бывает еще? От 1280 вроде старые макбуки начинаются

тут вообще целая тема для обсуждения

Сколько всяких девайсов существует и не везде проверить

тут вообще целая тема для обсуждения

Я не нашел начала, про что спор вообще?

планшет с 1024 — это десктоп или мобильное?

планшет с 1024 — это десктоп или мобильное?

Это планшет

Я не нашел начала, про что спор вообще?

конкретно про твоё утверждение

Это планшет

гибрид, получается

Так как планшет как маленький компик можно использовать