انتخاب عنصرهای بدون محتوا (Content)، با انتخابگر empty: ، در CSS
فرض کنید که تعدادی عنصر در صفحه داریم و می خواهیم تنها عنصرهایی از آنها را انتخاب نماییم که دارای محتوا نباشند. یعنی هیچ محتوایی در بین زوج تگ (Tag) مربوط به آن عنصر، ذکر نشده باشد.
مثل عنصر p زیر که بدون محتوا می باشد (حتی شامل کاراکتر فضای خالی (Space) و رفتن به خط جدید هم نباید باشد) :
برای انتخاب عنصرهای بدون محتوا، می توانیم از انتخابگر
:empty
استفاده نماییم.
به عنوان مثال، اگر بخواهیم که عنصرهای p صفحه که بدون محتوا هستند را انتخاب نماییم، کد CSS زیر را می نویسیم :
به مثال زیر توجه کنید :
بخش مهم کدها :
کد کامل صفحه HTML :