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