certains caractères peuvent être utilisés pour préciser une sélection, et certaines règles peuvent être raccourcies…

L’utilisation de CSS est des plus faciles et logiques, mais certains caractères peuvent être utilisés pour préciser une sélection, et certaines règles peuvent être raccourcies. Elles permettent aux développeurs d’être plus efficaces, mais dans un Web où l’apprentissage par la lecture de la source fait encore foi, nombreux sont ceux qui peuvent être perdus par de tels usages.
Voici donc quelques-unes de ces optimisations de CSS, par l’exemple :

:)) p>i { règles }
C’est un précision de sélection : les règles ici s’appliquent à tous les éléments <i> se trouvant à l’intérieur d’un élément <p>. Dans le cas d’une sélection html>p, les règles s’appliquent à tous les éléments <p> du document…

:)) p+h1 { règles }
Précision de sélection : les règles s’appliquent à tout élément <h1> précédé immédiatement d’un élément <p>.

:)) p { font: bold 11px/1.5 Verdana, sans-serif; }
C’est un raccourci : la règle ci-dessus est une version écourtée des règles suivantes :
font-weight: bold;
font-size: 11px;
line-height: 1.5;
font-family: Verdana, sans-serif;

:)) .contenu { color: #653; }
Un raccourci pour les couleurs web-safe : cette règle correspond à la règle
color: #665533;

:)) #titre { margin: 2px 0; padding: 2px; }
Les règles margin et padding sont normalement de cette forme
margin: 2px 3px 0 5px
padding: 0 0 0 3px
Les règles ci-dessus sont des versions raccourcies de
margin: 2px 0 2px 0;
padding: 2px 2px 2px 2px;

source