``[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屬性，無論什麼它指定的所有元素。