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