شبه کلاس blank: در CSS

:blank Pseudo-class

سودو کلاس blank: در CSS، عناصری که خالی یا محتوی کامنت هستند و یا تنها فاصله خالی دارند را انتخاب میکند و با تفاوت کمی شبیه سودو کلاس دیگری بنام empty: عمل میکند.

در اینجا تمامی تگهای <p> انتخاب میشوند:

HTML

<div class="blanks">
   <p>این پاراگراف خالی نیست.</p>
   <p><!-- این پاراگراف خالی است --></p>
   <p>
      <!-- این پاراگراف خالی نیست چون شامل فاصله خالی است -->
    </p>
    <p>این پاراگراف خالی نیست.</p>
</div>

CSS

p:blank {
  display: none;
}

در زمان نگارش این مطلب این سودو کلاس فعلا توسط هیچ مرورگری پشتیبانی نمیشود و در حالت پیشنویس سطح 4 انتخابگرهای CSS قرار دارد. Mozilla نسخه مخصوص به خودش از blank: را پشتیبانی میکند که از پیشوند خاص خود استفاده می کند ( moz-only-whitespace-: ). دموی زیر تنها در مرورگرهای موزیلا کار میکند:

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تنها مرورگر Firefox از این سودوکلاس در CSS پشتیبانی می کنند.