Sommaire
Sélecteur

Les sélecteurs

1. Sélecteur:objectifL’objectif des sélecteurs

Dans une règle de style CSS, le sélecteur indique sur quel élément va s’appliquer la déclaration. C’est donc un paramètre essentiel. Il existe beaucoup de types de sélecteurs qui répondent à des besoins généraux ou, au contraire, très précis. La définition des sélecteurs est donc une phase extrêmement importante et il convient d’y passer du temps, car il est toujours malaisé de revenir sur une structure mal pensée initialement.

Pour le W3C, les sélecteurs font partie du module Selectors Level 3 qui est en Recommendation au 6 novembre 2018. Voici son URL : https://www.w3.org/TR/selectors-3/

Sélecteur:sélecteur universel

2. Le sélecteur universel

Le sélecteur universel est très particulier et il convient de l’utiliser en toute connaissance de cause et avec parcimonie. Ce sélecteur universel permet, comme son nom l’indique, de cibler tous les éléments HTML de la page web. Il permet d’appliquer un style à toute la page ! Ce sélecteur s’écrit avec le caractère astérisque : *.

Voici un exemple :

* { 
   margin: 0 ; 
   padding: 0 ; 
}

Cette règle universelle applique à tous les éléments HTML de la page des marges (margin) et un remplissage ...