Multiple lang tokens in :lang()

by David Storey

HTML

<p lang="en-US">
Color
</p>
<p lang="en-GB">
Colour
</p>
<p lang="en-AU">
Colour
</p>
<p lang="en-CA">
Colour
</p>

CSS

:lang(en-US) {
  border-bottom: 2px dotted red;
}

:-webkit-lang(en-GB, en-AU, en-CA) {
  border-bottom: 2px solid lime;
}

:-moz-lang(en-GB, en-AU, en-CA) {
  border-bottom: 2px solid lime;
}

:-ms-lang(en-GB, en-AU, en-CA) {
  border-bottom: 2px solid lime;
}

:lang(en-GB, en-AU, en-CA) {
  border-bottom: 2px solid green;
}