Mehrsprachigkeit, Beurteilung

[beatovich]

hallo

$lang: 'en';

.multilingual > :not([lang|="#{$lang}"]):not(:last-child),
.multilingual > [lang|="#{$lang}"] ~ :last-child
{
	display: none;
}

☞ Codepen zum Rumspielen

ich habe jetzt folgendes umgesetzt (auf deine Anregung)

	html[lang|="'+_.lang+'"]:not([data-lang]) [lang=""] > :not([lang|="'+_.lang+'"]) {display:none}
	html[data-lang|="en"] [lang=""] > :not([lang|="en"]):not(:last-of-type),
	html[data-lang|="es"] [lang=""] > :not([lang|="es"]):not(:last-of-type),
	html[data-lang|="de"] [lang=""] > :not([lang|="de"]):not(:last-of-type),
	html[data-lang|="fr"] [lang=""] > :not([lang|="fr"]):not(:last-of-type),
	html[data-lang|="it"] [lang=""] > :not([lang|="it"]):not(:last-of-type){display:none}
	html[data-lang|="en"] [lang=""] > [lang|="en"] ~ [lang|="'+_.lang+'"],
	html[data-lang|="es"] [lang=""] > [lang|="es"] ~ [lang|="'+_.lang+'"],
	html[data-lang|="de"] [lang=""] > [lang|="de"] ~ [lang|="'+_.lang+'"],
	html[data-lang|="fr"] [lang=""] > [lang|="fr"] ~ [lang|="'+_.lang+'"],
	html[data-lang|="it"] [lang=""] > [lang|="it"] ~ [lang|="'+_.lang+'"]{display:none}

Eindeutig besser ist hier, dass wir kein display:initial mehr brauchen im Vergleich zu meiner ursprünglichen Version.