Nest all content into snippets

snippets/css/s/display-empty-links.md

@@ -0,0 +1,25 @@
+---
+title: Style links with no text
+type: snippet
+language: css
+tags: [visual]
+author: chalarangelo
+cover: metro-tunnel
+dateModified: 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);
+}
+```