A quoi sert une référence à l’intérieur d’une balise div sans attributs ?

Question

Je veux commencer à utiliser des sélecteurs d'attributs dans mon CSS. Je vois que la balise div contient des références mais n'a aucune déclaration d'attribut, par exemple :

<div class="container" data-footer>

Toutes mes recherches (au cours de la dernière heure) n'ont donné aucune information sur la façon de lister "data-footer" sans utiliser attribut= (par exemple id= ou class= etc.). Des dizaines de liens SO et Google sans un seul exemple de référence dans une balise div sans utiliser d'attributs. Comme je ne sais pas ce que c'est (ni comment l'appeler), je n'utilise peut-être pas les bons mots-clés pour ma recherche. Est-ce une façon courte de transmettre l'identifiant ou ???

Answer 1

Les attributs de données sans valeurs peuvent être utilisés comme valeurs booléennes. Par exemple :

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

En CSS vous pouvez y accéder comme ceci :

div[data-footer] {

}