没有属性的 div 标签内的引​​用的目的是什么？

Question

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

<div class="container" data-footer>

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

Answer 1

没有值的数据属性可以用作布尔值。例如：

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

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

div[data-footer] {

}