'[隐藏]'选择器在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>.

PS:[attribute=value]也有效.例如,[headers="numberHeader"]用于匹配<td headers="numberHeaders">...</td>