Skip to content

Lint HTML in CSS

• 1 min

Linting HTML with CSS is a great tool to help find problematic markup.

This selector hunts for links that have:

  • no href
  • an empty href
  • a "#" href (button perhaps?)
a:is(:not([href]), [href=""], [href="#"]) {
outline: 2px dotted red;
}

Missing Alt Text

Highlight images missing alt text with:

img:not([alt]) {
outline: 2px dotted red;
}