沒有屬性的 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] {

}