pengecekan content kosong dengan css

jika anda ingin mengecek content kosong dengan css cara nya cukup mudah hanya dengan menambahkan :empty pada tag yang akan kita pilih

misal kita punya tag html seperti dibawah ini

<ul>
<li> satu </li>
<li> dua </li>
<li></li>
<li>empat</li>
</ul>

gunakan tag :empty untuk menambahkan css pada li yang tidak ada isi nya

ul li:empty{background:red}

maka pada li yang kosong akan terdapat background merah

Trending

mengatasi warning: LF will be replaced by CRLF

selamat mencoba