အတု class empty

အတု class empty သည် ဗလာ အစိတ်အပိုင်း (စာသား မပါရှိသော) မည်သို့ပုံပေါ်မည်ကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့ပုံ

cssရွေးချယ်သူ:empty {
  
}

ဥပမာ

ဤဥပမာတွင် နောက်ဆုံး li သည် ဗလာဖြစ်နေသော်လည်း မှတ်သားကိရိယာ ရှိနေဦးမည်:

html<ul>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li></li>
</ul>

Результат:

ဥပမာ

ဗလာ li tag အတွက် အပြုအမူကို ပြောင်းလဲမည်:

html<ul>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li></li>
</ul>

cssli:empty {
  border: 1px solid blue;
  list-style-type: circle;
  color: blue;
  width: 100px;
}

Результат:

ဥပမာ

ဗလာ li များကို လုံးဝ ဝှက်ထားမည်:

html<ul>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li>စာရင်း အရာ</li>
  <li></li>
</ul>

cssli:empty {
  display: none;
}

Результат:

ဆက်လက်ဖတ်ရှုရန်