Prepare repository for merge
This commit is contained in:
22
css/snippets/hide-empty-elements.md
Normal file
22
css/snippets/hide-empty-elements.md
Normal file
@ -0,0 +1,22 @@
|
||||
---
|
||||
title: Hide empty elements
|
||||
type: snippet
|
||||
tags: [visual]
|
||||
author: chalarangelo
|
||||
cover: metro-arrival
|
||||
dateModified: 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;
|
||||
}
|
||||
```
|
||||
Reference in New Issue
Block a user