没有属性的 div 标签中的引用有什么作用？

Question

我想在我的 css 中开始使用属性选择器。我看到包含引用但没有任何属性语句的 div 标签，例如：

<div class="container" data-footer>

我所有的搜索（最后一个小时）都没有找到任何信息，以了解如何在不使用 attribute=（例如，id= 或 class= 等）的情况下列出“data-footer”。 数十个 SO 和 Google 链接没有一个没有使用属性的 div 标记内的引用示例。 因为我不知道这是什么（或如何称呼它），所以我可能没有使用正确的关键字进行搜索。 这是传递 id 的简短方式还是？？？

Answer 1

没有值的data-属性可以作为Boolean。例如：

if(div.hasAttribute('data-footer')) {
   // then do something
}

在 css 中，您可以像这样访问它：

div[data-footer] {

}