没有属性的div标签中的引用做什么?

Question

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

<div class="container" data-footer>

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

Answer 1

不带值的数据属性可以作为布尔值使用。例如:

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

在css中，你可以这样访问它:

div[data-footer] {
}