Add new css snippets

2022-10-29 16:17:16 +03:00
parent d6887e4b3a
commit 38468678f5
3 changed files with 89 additions and 0 deletions
--- a/snippets/hide-empty-elements.md
+++ b/snippets/hide-empty-elements.md
@ -0,0 +1,22 @@
+---
+title: Hide empty elements
+tags: visual
+expertise: beginner
+author: chalarangelo
+cover: blog_images/metro-arrival.jpg
+firstSeen: 2022-11-18T05:00:00-04:00
+---
+
+Hides elements with no content.
+
+- Use the `:empty` pseudo-class to select elements with no content.
+
+```html
+<p>Lorem ipsum dolor sit amet. <button></button></p>
+```
+
+```css
+:empty {
+  display: none;
+}
+```