I would like to start using Attribute Selectors in my css. I am seeing div tags that contain a reference WITHOUT any attribute statement like:

<div  data-footer>

All my searches (for the last hour) to find out how "data-footer" can be listed without the use of an attribute= (e.g., id= or class= or etc.) have resulted in no information. Dozens of SO and Google links without a single example of a reference inside a div tag without the use of an attribute. Because I do not know what this is (or what to call it) I'm probably not searching with the right keywords. Is this a short-form way to pass an id or ???

CodePudding user response：

Data- attributes without a value can be used as Boolean. For example:

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

In css you can access it like:

div[data-footer] {

}