Чтобы добавить стили на каждый элемент страницы, можно использовать универсальный селектор
*. Этот селектор выбирает все элементы в документе.🚩Пример использования
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}🚩Объяснение
🟠Выбор всех элементов
Универсальный селектор
* выбирает все элементы в DOM (Document Object Model) структуре. Это включает в себя все теги HTML, такие как <div>, <p>, <span>, <a>, и так далее.🟠Сброс стилей
Пример кода выше сбрасывает отступы (
margin) и внутренние отступы (padding) всех элементов на странице до нуля. Это часто делается для того, чтобы избежать неожиданных отступов, которые могут быть заданы по умолчанию браузером. Также устанавливается box-sizing: border-box, что изменяет модель коробки элемента, позволяя лучше контролировать размеры элементов при добавлении отступов и границ.🟠Глобальное применение
Использование универсального селектора полезно, когда нужно задать базовые стили для всего документа. Например, это может быть полезно в начале проекта для создания единообразного внешнего вида всех элементов.
🚩Минус
Хотя универсальный селектор может быть полезным, его использование следует ограничивать, поскольку он может влиять на производительность страницы. Применение стилей ко всем элементам может привести к увеличению времени обработки стилей браузером, особенно на сложных страницах с большим количеством элементов.
Ставь 👍 и забирай 📚 Базу знаний