html - 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> .

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