怎么使用偽元素,比如empty偽元素,當(dāng)元素內(nèi)沒有內(nèi)容的時(shí)候隱藏?
.badge:empty {
display: none;
}
這段代碼怎么放,才能讓一個(gè)元素中沒有文本內(nèi)容時(shí)異常元素,比如<a href="#">Inbox <span class="badge">9</span></a>,當(dāng)數(shù)字9不存在時(shí),隱藏這個(gè)<span>標(biāo)簽
.badge:empty {
display: none;
}
這段代碼怎么放,才能讓一個(gè)元素中沒有文本內(nèi)容時(shí)異常元素,比如<a href="#">Inbox <span class="badge">9</span></a>,當(dāng)數(shù)字9不存在時(shí),隱藏這個(gè)<span>標(biāo)簽
2016-08-05
舉報(bào)
2016-08-05
就跟上面的代碼一樣,定義一個(gè)class,例如<span class="test">8</span>?
然后加上樣式
test:empty {
display: none;
}
這樣當(dāng)字母8不存在是,span標(biāo)簽就隱藏
2016-09-07
不需要放啊,自動(dòng)隱藏的,當(dāng)你span標(biāo)簽內(nèi)沒有內(nèi)容時(shí)自動(dòng)隱藏了