Ирина, скучно? :)

? ? ? ? ?

Значит показалось.

laimas,
значит ты был прав, в контейнер вставляется код, значения стилей копируются и вставляются и только потом символы < & > кодируются в хтмл-сущности или коды

laimas,
а такой вопрос, стоит ли что-то придумывать для свойств строчных элементов? типа font-size font-style font-weigh, ведь если эти свойства задать див'у-демонстратору то спан ведь будет наследовать эти свойства

Это одна страница, к ней так стили применяются, что вам кажется как будто там две страницы. (css @media)

Девушка-обфускатор. Если вы где-то видели, что код написан в одну 5-ти километровую строчку со всеми префиксами, то знайте, исходный код совсем не так выглядел... есть хотя бы webpack, parcel, которые его таким сделали!

да, они наследуются, если только к элементу не применён all: initial;

немного не так, надо добавить кнопку-ссылку показать-скрыть все варианты, мобильная версия это – меняются значения свойства по клику, полная – показываются все примеры

У вас ведь одни и те же примеры на одной странице, но только по разному выглядят при разных размерах документа!

Или вы собираетесь ещё дублировать руками по два файла?

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

а при клике на ссылку сразу выводятся все дива-демонстраторы

Вы сами написали