CSS selector according to language

To handle multiple languages on one page, it’s best practice to use the lang(xml:lang)-tag. These can be selected via CSS. (Doesn’t work in IE 6, of course.)

<code lang="html">
<span lang="en" xml:lang="en">this is english..</span>
<span lang="en" xml:lang="de">hier ist deutsche Texte..…</span>
</code>

<code lang="css">
p[lang="de"] { color: green; /* whatever */}
p[lang="en"] { color: red; /* whatever */}
</code>