'[HIDDEN]' 在CSS

Question

選擇當我們查看normalize.css http://necolas.github.io/normalize.css/源代碼，我們可以看到以下內容：

[hidden], template { 
    display: none; 
} 

什麼是[隱藏]的含義是什麼？

Answer 1

[attribute]是具有屬性attribute的元素的選擇器。

[hidden]匹配這樣的元素<p hidden>Hidden paragraph</p>。

只要屬性存在，值並不重要。 [lang]匹配這樣的元素，例如<p lang="pt-br">Paragráfo</p>。

P.S .: [attribute=value]也有效。例如[headers="numberHeader"]匹配<td headers="numberHeaders">...</td>

Answer 2

根據快速谷歌搜索，我發現下面

/* 
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, 
* and Safari 4. 
* Known issue: no IE 6 support. 
*/ 

[hidden] { 
display: none; 
} 

所以很明顯，當你想要的東西不是在顯示您使用「隱藏」屬性的（如HTML）碼。