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

Question

[lang]选择器做什么？我看过[lang|="ar"]但不是[lang]。

它是否将任何h1与lang属性相匹配？

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属性。在这种情况下，属性值是什么并不重要，只是它存在。

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

Answer 2

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

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Answer 3

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