Add new css snippets

snippets/display-empty-links.md

@@ -0,0 +1,24 @@
+---
+title: Style links with no text
+tags: visual
+expertise: beginner
+author: chalarangelo
+cover: blog_images/metro-tunnel.jpg
+firstSeen: 2022-11-11T05:00:00-04:00
+---
+
+Displays the link URL for links with no text.
+
+- Use the `:empty` pseudo-class to select links with no text.
+- Use the `:not` pseudo-class to exclude links with text.
+- Use the `content` property and the `attr()` function to display the link URL in the `:before` pseudo-element.
+
+```html
+<a href="https://30secondsofcode.org"></a>
+```
+
+```css
+a[href^="http"]:empty:before {
+  content: attr(href);
+}
+```