Liste des éléments en ligne et en bloc et hack

À ma connaissance, il n’existe pas de moyen de spécifier une règle CSS s’appliquant à tous les éléments en ligne ou à tous les éléments en bloc. Or, certaines apparences dépendent de la chose (je pense à une génération automatique de texte pour les ins).

On peut ruser cependant, en listant l’ensemble des éléments appartenant à l’une ou l’autre des familles :

  • /*bloc*/ address,blockquote,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,ul {ins[datetime]:before {content:"[MAJ - "attr(datetime)"] "} }
  • /*inline*/ abbr,cite,code,dfn,em,kbd,q,samp,span,strong,var {ins[datetime]:before {content:"[MAJ] "} }

Cette méthode n’est pas abstraite. Outre l’inélégance, elle ne permet pas de prendre en compte la valeur de la propriété CSS display. Ainsi, avec une telle règle, dfn {display:block} se verra servir une règle normalement réservée à un élément en ligne, alors même qu’il est ici affiché en bloc.

Mais, bon, c’est mieux que rien.

Syndiquer le contenu