CSS : mots-clés « unset » et « initial »

C’est encore en Candidate Recommandation (donc ni finalisé en tant que spécification, ni implémenté dans aucun navigateur), mais c’est en bonne voie : le module « Cascade » (niveau 3) de CSS vient d’ajouter à sa liste les mots-clés transversaux « unset » et « initial ». C’est-à-dire qu’on pourra « annuler » un état sur un élément !

Exemple : j’ai enlevé le padding-left par défaut des listes, par exemple parce que je veux utiliser des listes pour des menus – et que je ne veux pas avoir à enlever ce padding-left pour tous mes menus.

ul {
   padding-left: 0;
}

Mais quand je suis dans un article (un texte rentré par l’utilisateur via le back-office, par exemple), je dois pouvoir lui permettre de créer des listes, et il faudrait remettre le padding-left, parce qu’il est utile dans le cas de listes imbriquées (c’est d’ailleurs probablement sa raison d’être). Donc soit je redéfinis

.user-content ul {
   padding-left: 40px;
}

soit je l’annule, purement et simplement

.user-content ul {
   padding-left: unset;
} 

(oui, il y de meilleurs exemples, je le concède)

Laisser une réponse

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax