CSS 中有時需要判斷某個元素是否存在,這可以使用選擇器的 :empty 偽類來實現。
.container:empty {
border: 1px solid red;
}
上述代碼表示,如果具有 class 名為 "container" 的元素為空元素,則將其邊框樣式設為紅色。
除了 :empty 偽類,還有其他的偽類可以用來判斷元素是否存在,如 :checked,:focus,:target 等,具體使用要視情況而定。
上一篇css 刪除標簽效果
下一篇css 列表展開按鈕
CSS 中有時需要判斷某個元素是否存在,這可以使用選擇器的 :empty 偽類來實現。
.container:empty {
border: 1px solid red;
}
上述代碼表示,如果具有 class 名為 "container" 的元素為空元素,則將其邊框樣式設為紅色。
除了 :empty 偽類,還有其他的偽類可以用來判斷元素是否存在,如 :checked,:focus,:target 等,具體使用要視情況而定。