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.

Répondre

Le contenu de ce champ est gardé secret et ne sera pas montré publiquement.