Zugriff auf Teile eines Attributwerts möglich?

[MudGuard]

Hi,

für eine gegebene und für mich nicht änderbare Seite möchte ich im userContent.css des Browsers etwas einbauen.

In der Seite gibt es code-Elemente mit class-Attribut. Sowas:

<code class="block language-html">

mit

<style>
code { position:relative; }

code::after {
	position:absolute;
	bottom:0em;
	right:0em;
	opacity: 0.5;
	content: attr(class);
	background-color: silver;
	color: black;
}
</style>

bekomme ich rechts unten im code-Element den gesamten class-Attributwert angezeigt.

Ich will aber eigentlich nur das haben, was sich in der language-xxx-Klasse nach language- findet, hier also "html".

Kann man das mit CSS allein hinbekommen?

Ich könnte für jede Sprache eine eigene Regel bauen:

code.language-html::after {
    content: 'html';
}
code.language-css:after {
    content: 'css';
}
[...]

Aber das ist halt doof, weil ich dafür die Liste der Sprachen kennen müßte und bei Erweiterungen der Liste wieder hinlangen müßte.

Schöner wäre es, wenn ich die Sprache aus dem class-Attribut extrahieren könnte.

Gibt's da was? Könnte man da was mit calc machen? Oder sonst irgendwie?

cu,
Andreas a/k/a MudGuard