Html 选择器[lang=“en”vs选择器：lang（en-US）

我一直在阅读关于language（lang）伪类的文章，我想知道使用属性选择器是否可以达到同样的效果。以下两种代码达到相同的效果：

使用属性选择器：

<style>
p[lang="en-US"] 
{
 color: red;
}
</style>
<p lang="en-US">A paragraph of American text, gee whiz!</p>

<style>
p:lang(en-US)
{
 color: red;
}
</style>
<p lang="en-US">A paragraph of American text, gee whiz!</p>

p[lang=“en US”]
{
颜色：红色；
}
一段美国文本，天哪

使用语言（lang）伪类：

<style>
p[lang="en-US"] 
{
 color: red;
}
</style>
<p lang="en-US">A paragraph of American text, gee whiz!</p>

<style>
p:lang(en-US)
{
 color: red;
}
</style>
<p lang="en-US">A paragraph of American text, gee whiz!</p>

p:lang（美国英语）
{
颜色：红色；
}
一段美国文本，天哪

---

那么，它们是等价的吗？如果是，那么如果属性选择器已经可以实现相同的功能，那么需要创建lang伪类吗？

对于属性选择器，您只能匹配特定元素上的属性。语言信息被继承

p:lang（英-美）
{
颜色：蓝色；
}

蓝色是颜色

蓝色是颜色

使用属性选择器，您只能匹配特定元素上的属性。语言信息被继承

p:lang（英-美）
{
颜色：蓝色；
}

蓝色是颜色

蓝色是颜色

谢谢您的解释。我喜欢你简洁的风格。谢谢你的解释。我喜欢你简洁的风格。