css中的语言选择器

时间:2016-04-13 13:34:38

标签: html css css-selectors

假设我想要使用 en 为所有开始语言属性的单词着色。到目前为止我是如何做到的:

<!DOCTYPE html>
<html>
<head>
<style>
[lang|=en] {
    background: yellow;
}
</style>
</head>
<body>

<p lang="en">This is English!</p>
<p lang="en-us">This is English and US!</p>
<p lang="en-gb">English here too!</p>
<p lang="us">US is not English!</p>
<p lang="no">Definitely not English !</p>


</body>
</html>

如何访问其lang属性值为 en 的所有元素 不使用[attribute | = value]选择器或lang()伪类。有办法吗?

1 个答案:

答案 0 :(得分:6)

:lang()伪(并且可以说,在较小程度上,属性选择器)是专门为此目的而制作的。如果您不使用:lang(),则无法根据其区域设置匹配元素。