---
title: Style links with no text
type: snippet
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);
}
```