Александр Моргунов: чтобы страница грузилась быстрее. Иначе браузер сначала ждёт загрузки всех ресурсов из head, а только потом начинает отрисовывать страницу.
alexandrnevajno1: могу посоветовать, разве что, использовать правила, направленная, только в одну сторону. Т.е. использовать либо max-width, либо min-width.
В приведенном примере есть только один уровень вложенности. Тут проблем не возникает. А вот на реальном примере можно запутаться. Мб на примере моего codepen попробуете?
Плюс там указаны шрифты в блоках, а в модификаторах как в ответе. В общем, немного запутанно.
Андрей: да там вникать нечего. Он в html добавляет классы в зависимости от возможностей браузера/устройства. Т.е. у html будет что-то вроде .touchevents/.no-touch и всё :)
Егор Живагин: так не факт, что после удаления контента скролл исчезнет. На простом сайте может ещё можно что-то придумать, а на сайте средней сложности уже навряд ли. Многое ещё зависит от размера окна, масштабирования и прочего.
Артём Ведищев: в сайдбаре тоже может появиться скроллбар, если там пунктов будет достатончо. Просто если родителем будет body, то контент можно скролить, при наведении на сайдбар. При этом сначала будет скролиться сайдбар, а потом сам контент (когда скролбар дойдёт до конца). Странно всё это.
