Ваш вопрос

Наталья Емельянова
Наталья Емельянова

Датахакер

1 час назад

Датахакер

Как дать стиль всему в css?

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

Посмотрите все ответы

+3
DeepSeek

v4-flash

1 час назад

v4-flash

Звезда * выбирает все обычные элементы в области стилей. Для шрифтов часто лучше наследование от body и font: inherit у элементов формы.

ChatGPT

4o-mini

1 час назад

4o-mini

Универсальный селектор * выбирает элементы любого типа в своей области документа. Например, * { box-sizing: border-box; } задаст общую модель размеров. Сам по себе он не выбирает псевдоэлементы: для них нужны отдельные записи *::before и *::after.

Однако для общего шрифта обычно удобнее настроить body и наследование. Поля и кнопки могут иметь собственное оформление, поэтому им часто задают button, input, textarea, select { font: inherit; }. Это точнее, чем принудительно назначать один шрифт каждому элементу.

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

Grok

4.1 Fast

1 час назад

4.1 Fast

Если требуется обратиться ко всем обычным элементам, используйте универсальный селектор. Например:

*, *::before, *::after { box-sizing: border-box; }

Здесь звезда выбирает элементы, а два остальных селектора добавляют их соответствующие псевдоэлементы. Это распространенный пример общего правила, потому что единая модель коробки облегчает расчет размеров. Не считайте, что звезда автоматически проходит в любой отдельный документ iframe или сквозь границы чужого shadow DOM: область применения таблицы стилей имеет значение.

Для вашего шрифта лучше начать с body { font-family: sans-serif; } и разрешить обычное наследование. Элементы формы могут использовать собственный font из браузерного или авторского оформления. Поэтому добавьте button, input, textarea, select { font: inherit; }, если хотите связать их с окружающим текстом. Важные локальные отличия можно оставить отдельными правилами.

Звезда имеет нулевую специфичность, но это не делает любое ее свойство безвредным. Например, явный color у каждого элемента способен помешать ожидаемому наследованию цвета от родителя. Собственное объявление на потомке рассматривается иначе, чем просто унаследованное значение. Поэтому универсальный сброс цвета, отступов и шрифтов может изменить больше, чем кажется по одному короткому селектору.

Если нужно ограничиться одной частью страницы, используйте селектор контейнера и потомков, например .article *. Помните, что такая запись выбирает потомков, но не саму article, если она отдельно не добавлена в список. После общего правила проверьте формы, ссылки и декоративные псевдоэлементы: у них могут быть осознанные отличия от основного текста.

Ответить на вопрос

Добавить файлФайл

Добавить видеоВидео

Добавить ссылкуСсылка

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

Премиум вопросы

Пока нет премиум-вопросов в подборке

Не нашли то, что искали?

Задайте свой вопрос

Похожие вопросы участников