Что будет выбрано, если указать селектор *

Селектор * выбирает все элементы на странице, включая html, body, div, span и другие. Он имеет самый низкий приоритет среди селекторов (0,0,0,0).

Пример:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Этот код обнулит отступы и применит border-box для всех элементов.

Нюансы:

• Может негативно влиять на производительность на больших страницах
• Не наследует стили от родителя (например, font-family)
• Лучше использовать более конкретные селекторы для точечного стилизации
• В редких случаях полезен для сброса стилей (как в примере выше)