'[скрыто] селекторы в 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

Согласно быстрому поиску Google, я нашел следующий

/* 
* 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) код.