Apakah tujuan rujukan di dalam teg div tanpa atribut?

Question

Saya mahu mula menggunakan pemilih atribut dalam css saya. Saya melihat bahawa teg div mengandungi rujukan tetapi tidak mempunyai sebarang pernyataan atribut, contohnya:

<div class="container" data-footer>

Semua carian saya (sejam yang lalu) tidak menemui maklumat tentang cara menyenaraikan "data-footer" tanpa menggunakan attribute= (cth. id= atau class= dll.). Berpuluh-puluh pautan SO dan Google tanpa satu contoh rujukan dalam teg div tanpa menggunakan atribut. Memandangkan saya tidak tahu apakah ini (atau apa untuk memanggilnya), saya mungkin tidak menggunakan kata kunci yang betul untuk carian saya. Adakah ini cara singkat untuk lulus id atau???

Answer 1

Atribut data tanpa nilai boleh digunakan sebagai nilai boolean. Contohnya:

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

Dalam css anda boleh mengaksesnya seperti ini:

div[data-footer] {

}