Menu
Coddy logo textTech

Универсальные селекторы

Урок 6 из 15 курса Селекторы CSS на Coddy.

Универсальный селектор — это специальный тип CSS-селектора, который выбирает все элементы на веб-странице. Он обозначается звездочкой (*).

Например, селектор * выбирает все элементы на странице.

Вот пример того, как использовать универсальный селектор для стилизации веб-страницы:

* {
  color: red;
  font-size: 2em;
}

Это CSS-правило сделает все элементы на странице красными и установит размер шрифта 2em.

 

Когда использовать универсальные селекторы?

Универсальные селекторы можно использовать, когда вы хотите стилизовать все элементы на веб-странице. Например, вы можете использовать универсальный селектор, чтобы установить размер шрифта всех элементов на странице равным 16px.

Универсальные селекторы также можно использовать для стилизации элементов, которым не были назначены никакие другие селекторы. Например, если у вас есть веб-страница с большим количеством элементов div, но вы не присвоили ни одному из них атрибуты class или ID, вы можете использовать универсальный селектор для стилизации всех элементов div.

challenge icon

Задание

Легко
  • Создайте веб-страницу с двумя элементами div.
  • Не присваивайте ни одному из элементов div атрибуты class или ID.
  • Используйте универсальный селектор, чтобы стилизовать все элементы div цветом "red" и размером шрифта "80px".

Попробуйте сами

<html>
<head>
  <title>Universal Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
 
</body>
</html>

Все уроки раздела Селекторы CSS