Sélecteurs universels

Leçon 6 sur 15 du cours Sélecteurs CSS de Coddy.

Le sélecteur universel est un type spécial de sélecteur CSS qui sélectionne tous les éléments d'une page web. Il est représenté par un astérisque (*).

Par exemple, le sélecteur * sélectionne tous les éléments de la page.

Voici un exemple d'utilisation d'un sélecteur universel pour styliser une page web :

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

Cette règle CSS stylisera tous les éléments de la page en rouge avec une taille de police de 2em.

Quand utiliser les sélecteurs universels ?

Les sélecteurs universels peuvent être utilisés lorsque vous souhaitez styliser tous les éléments d'une page web. Par exemple, vous pourriez utiliser un sélecteur universel pour définir la taille de la police de tous les éléments de la page à 16px.

Les sélecteurs universels peuvent également être utilisés pour styliser des éléments auxquels aucun autre sélecteur n'a été attribué. Par exemple, si vous avez une page web avec de nombreux éléments div, mais que vous ne leur avez donné aucun attribut de classe ou d'ID, vous pourriez utiliser un sélecteur universel pour styliser tous les éléments div.

Défi

Facile

Créez une page web avec deux éléments div.
Ne donnez aucun attribut class ou ID aux éléments div.
Utilisez un sélecteur universel pour styliser tous les éléments div en red et avoir une taille de police de 80px.

Essayez vous-même

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

Toutes les leçons de Sélecteurs CSS

1Introduction aux sélecteurs CSS

Rôle des sélecteurs CSS Pourquoi sont-ils importants ?

4Sélecteurs d'attributs

Introduction aux sélecteurs d'attributs Présence et valeurs exactes Sélecteurs de valeur d'attribut Sélecteurs de valeur d'attribut II Sélecteurs de valeur d'attribut III

2Sélecteurs simples

Sélecteurs de type Sélecteurs de classe Sélecteurs d'IDSélecteurs universels

3Sélecteurs combinateurs

Sélecteur d'enfant Sélecteur de descendant Sélecteur de frère adjacent Sélecteur de frère général