30秒学会 CSS 片段 · 2022年2月2日

30秒学会 CSS 片段 – Hide empty elements

Hides elements with no content.

  • Use the :empty pseudo-class to select elements with no content.

预览

Lorem ipsum dolor sit amet.



HTML

<p>Lorem ipsum dolor sit amet. <button></button></p>

CSS

:empty {
  display: none;
}

翻译自:https://www.30secondsofcode.org/css/s/hide-empty-elements