Listenüberschriften als DIV, SPAN, etc. definieren

09. Okt 2014

Listenüberschriften können über CSS-Only nicht nur als h2, h3 oder h4, sondern als beliebige HTML-Elemente definiert werden.

Listenüberschriften können über CSS-Only nicht nur als h2, h3 oder h4, sondern als beliebige HTML-Elemente definiert werden. Die folgenden Beispiele zeigen unterschiedliche Varianten, bei denen die Überschriften teilweise fest definiert sind und teilweise vom Redakteur bestimmt werden können.

Voreingestellte Überschrift als H3, Redakteur kann zusätzlich zwischen H2, H3, H4 und DIV auswählen

.listDefault_var0             {-w-editmaskExtended-levelheadline:yes;}
.
listDefault_var0 .listEntry  {-w-levelheadline:3}

Fest eingestellte Überschrift als div, Redakteur kann nicht wählen

.listDefault_var0             {-w-editmaskExtended-levelheadline:no}
.
listDefault_var0 .listEntry  {-w-levelheadline:div !important}

Voreingestellte Überschrift als span, Redakteur kann zusätzlich zwischen H2, H3, H4 und DIV auswählen

.listDefault_var0             {-w-editmaskExtended-levelheadline:yes}
.
listDefault_var0 .listEntry  {-w-levelheadline:span}

Fest eingestellte Überschrift als H3, Redakteur kann nicht wählen

.listDefault_var0             {-w-editmaskExtended-levelheadline:no}
.
listDefault_var0 .listEntry  {-w-levelheadline:!important}