Question

[lang]选择器有什么作用？

我见过[lang|="ar"]但未见[lang]。

它是否会匹配任何具有lang属性的h1？

h1 [lang] {
font-style: italic;
}

Answer 1

亲眼看看：

h1 [lang] {
  font-style: italic;
}

<h1>Empty</h1>

<h1>
  <span lang="en">en</span>
</h1>

<h1>
  <span lang>anything</span>
</h1>

[lang]选择器会选择h1 中具有lang属性的任何元素。在这种情况下，属性的值是什么并不重要，只有它存在。

如果您想选择具有h1属性的任何lang，则选择器将为h1[lang]（无空格）。

Answer 2

这会将样式应用于h1元素中具有lang属性的每个元素 - 例如<h1><span lang="eng">Hello World</span></h1>。

Answer 3

这将选择具有lang属性的所有元素，无论它指定的是什么。