Was ist der Zweck einer Referenz innerhalb eines div-Tags ohne Attribute?

Question

Ich möchte Attributselektoren in meinem CSS verwenden. Ich sehe, dass das div-Tag Referenzen enthält, aber keine Attributanweisungen hat, zum Beispiel:

<div class="container" data-footer>

Alle meine Suchanfragen (in der letzten Stunde) haben keine Informationen darüber ergeben, wie man „data-footer“ auflistet, ohne attribute= (z. B. id= oder class= usw.) zu verwenden. Dutzende SO- und Google-Links ohne ein einziges Referenzbeispiel innerhalb eines div-Tags ohne Verwendung von Attributen. Da ich nicht weiß, was das ist (oder wie ich es nennen soll), verwende ich möglicherweise nicht die richtigen Schlüsselwörter für meine Suche. Ist das eine kurze Möglichkeit, die ID weiterzugeben, oder???

Answer 1

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

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

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

div[data-footer] {

}