: kosong - Trik CSS

Anonim

The :blankpseudo-class dibangun berdasarkan :emptypseudo-class. Suka :empty, :blankakan memilih elemen yang tidak berisi apa-apa, atau hanya berisi komentar HTML. Tapi, :blankjuga akan memilih elemen yang menyertakan spasi, yang :emptytidak.

p:blank ( display: none; )

p:blankakan memilih paragraf ini, seperti p:empty:

Dan itu juga akan memilih paragraf berikut, yang p:emptytidak akan:

Pada saat penulisan ini, :blankadalah bagian dari draf CSS Selectors Level 4, dan tidak didukung oleh browser apa pun. Mozilla mendukung versi sendiri dari :blankbawah, nama vendor-diawali berbeda: :-moz-only-whitespace. Demo di bawah ini menyertakan versi Mozilla, dan saat ini hanya akan berfungsi di browser Mozilla.

Lihat Pen: blank dan: -moz-only-whitespace oleh mariemosley (@mariemosley) di CodePen.

Terkait

  • :kosong

Informasi Lebih Lanjut

  • : kosong di Draf Level 4 Pemilih
  • : -moz-only-whitespace di MDN

Dukungan Browser

Chrome Safari Firefox Opera YAITU Android iOS
Nggak Nggak Sebagai: -moz-only-whitespace Nggak Nggak Nggak Nggak