Search Search for webtips
How to Select Empty Elements in CSS

How to Select Empty Elements in CSS

Ferenc Almasi • 2020 November 04 • 📖 1 min read

You can use the :empty pseudo-class selector in CSS to target elements that don't have any content:

/* Selects span elements that don't have any content */
span:empty {
    ...
}
empty.css
Copied to clipboard!
How to select empty elements in CSS
If you would like to see more Webtips, follow @flowforfrank
10 Best Practices for Quickly Improving Your CSS

10 Best Practices for Quickly Improving Your CSS

Building scalable and manageable stylesheets
CSS has its own nuances that can make or break your design. Here are 10 tips for CSS :  best practices that can help you bring out the best from your styles.

Resources:

Remove ads
See more webtips for CSS
Remove ads

📚 Get access to exclusive content

Want to get access to exclusive content? Support webtips with the price of a coffee to get access to tips, checklists, cheatsheets, and much more. ☕

Get access Support us

Courses
Remove ads

Recommended

Read more on
Remove ads
Remove ads
🎉 Thank you for subscribing to our newsletter. x This site uses cookies We use cookies to understand visitors and create a better experience for you. By clicking on "Accept", you accept its use. To find out more, please see our privacy policy.