Vorlage:Listenstile/styles.css

/* Definition von liste-zaehler */
/* - Klasse 'liste-zaehler' für die Definition und Berechnung */
/* - Klasse 'liste-display' für die Anzeige bei jedem Element */

div.liste-zaehler {
	counter-reset: listZaehler;
}
div.liste-zaehler.liste-display ul li::before {
	display: inline-block;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	text-align: right;
	font-size: 80%;
	vertical-align: inherit;
	background-color: #eaecf0;
	content: "";
}
div.liste-zaehler ul li {
	counter-increment: listZaehler;
}
div.liste-zaehler.liste-display ul li::before {
	content: attr(data-zaehler-vor) counter(listZaehler) attr(data-zaehler-nach);
}
div.liste-zaehler.liste-display ul li:first-child::before {
	font-weight: bold;
	content: attr(data-zaehler-spalte);
}

/* Ausgabe der Anzahl für liste-zaehler */
/* - Klasse 'liste-anzahl' zur Anzeige der Anzahl der Elemente */

div.liste-zaehler span.liste-anzahl::before {
	display: inline-block;
	content: counter(listZaehler);
}