Les sélecteurs

Structure de base d'une page HTML5

Un élément du document

    
        
            h1
            {
                color: red;
            }
        
    

Une classe en tant que sélecteur

    
        
            <p class="Exemple">Coucou</p>

            ...

            .Exemple
            {
                color: red;
            }
        
    

Un identifiant en tant que sélecteur

    
        
            <div id="Menu">
            ...
            </div>

            ...

            #Menu
            {
                display: none;
            }
        
    

Sélecteur contextuel

    
        
            h1 p
            {
                font-weight: bold;
            }
        
    

Regroupement de sélecteurs

    
        
            .Exemple, h2
            {
                color: red;
            }