انتخاب عنصرهای بدون محتوا (Content)، با انتخابگر empty: ، در CSS
فرض کنید که تعدادی عنصر در صفحه داریم و می خواهیم تنها عنصرهایی از آنها را انتخاب نماییم که دارای محتوا نباشند. یعنی هیچ محتوایی در بین زوج تگ (Tag) مربوط به آن عنصر، ذکر نشده باشد.
مثل عنصر p زیر که بدون محتوا می باشد (حتی شامل کاراکتر فضای خالی (Space) و رفتن به خط جدید هم نباید باشد) :
xxxxxxxxxx<p></p>
برای انتخاب عنصرهای بدون محتوا، می توانیم از انتخابگر
:empty استفاده نماییم.
به عنوان مثال، اگر بخواهیم که عنصرهای p صفحه که بدون محتوا هستند را انتخاب نماییم، کد CSS زیر را می نویسیم :
xxxxxxxxxxp:empty { }به مثال زیر توجه کنید :
بخش مهم کدها :
xxxxxxxxxx<style> p:empty { background: green; } p{ height: 50px; background: yellow; }</style>xxxxxxxxxx<p> kelidestan.com 1</p><p></p><p> kelidestan.com 2</p>کد کامل صفحه HTML :
xxxxxxxxxx<html> <head> <meta charset="utf-8"> <style> p:empty { background: green; } p{ height: 50px; background: yellow; } </style> </head> <body> <p> kelidestan.com 1 </p> <p></p> <p> kelidestan.com 2 </p> </body></html>نتیجه :
نویسنده علیرضا گلمکانی
شماره کلید 26928
گزینه ها 
نظرات 0 0 0