css中的[隐藏]{…}类是什么意思？

我在HTML5样板中发现了这样的代码：

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

什么地址？它会影响什么？属性隐藏的元素，如以下示例所示

<div hidden></div>

---

隐藏是HTML5中的一个属性

阅读详细说明。 也读一个很好的解释

---

该评论似乎暗示CSS解决方案是解决那些默认情况下与新隐藏行为不兼容的浏览器

是的，与您的示例完全相同。选择器将匹配具有

隐藏属性的任何元素（在属性选择器之前有一个隐含的通用选择器）

hidden
属性是对HTML规范的新添加，因此在旧浏览器中不受支持。通过将该规则添加到样式表中，可以有效地填充该属性的本机行为（很明显，这是为了隐藏元素，类似于设置
display:none
）

IE6中的“已知问题”是因为它不支持属性选择器。您也可以使用前缀“data-”创建自己的属性。例如，jquerymobile使用它

例如：

你的HTML

<div data-role="header" data-position="top">
   // content here
</div>

有一个很好的解释


[data-role=header] 
{
     font-family:arial;
     font-size:20px;
}

[data-position=top]
{
     top:5px;
}