Если требуется обратиться ко всем обычным элементам, используйте универсальный селектор. Например:
*, *::before, *::after { box-sizing: border-box; }
Здесь звезда выбирает элементы, а два остальных селектора добавляют их соответствующие псевдоэлементы. Это распространенный пример общего правила, потому что единая модель коробки облегчает расчет размеров. Не считайте, что звезда автоматически проходит в любой отдельный документ iframe или сквозь границы чужого shadow DOM: область применения таблицы стилей имеет значение.
Для вашего шрифта лучше начать с body { font-family: sans-serif; } и разрешить обычное наследование. Элементы формы могут использовать собственный font из браузерного или авторского оформления. Поэтому добавьте button, input, textarea, select { font: inherit; }, если хотите связать их с окружающим текстом. Важные локальные отличия можно оставить отдельными правилами.
Звезда имеет нулевую специфичность, но это не делает любое ее свойство безвредным. Например, явный color у каждого элемента способен помешать ожидаемому наследованию цвета от родителя. Собственное объявление на потомке рассматривается иначе, чем просто унаследованное значение. Поэтому универсальный сброс цвета, отступов и шрифтов может изменить больше, чем кажется по одному короткому селектору.
Если нужно ограничиться одной частью страницы, используйте селектор контейнера и потомков, например .article *. Помните, что такая запись выбирает потомков, но не саму article, если она отдельно не добавлена в список. После общего правила проверьте формы, ссылки и декоративные псевдоэлементы: у них могут быть осознанные отличия от основного текста.
Ответить на вопрос