Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Note from 18 May 2023

  • Nicolas Hoizey
  • 18 May 2023
  • CSS
  • 12 reactions

TIL: a:link in CSS doesn't match a elements without any href attribute! 😲

https://codepen.io/nhoizey/pen/dyggeOJ

It makes sense, but I never use a elements without href attributes (different from # of course), so I didn't know… 🤷‍♂️

12 reactions

6 likes

  1. Jens Oliver Meiert avatar
  2. BohwaZ avatar
  3. Ana Tudor 🐯 avatar
  4. Martin Senk avatar
  5. Sue avatar
  6. Bundyo avatar

1 repost

  1. Ana Tudor 🐯 avatar

5 replies

  1. Nicolas Hoizey avatar Nicolas Hoizey
    Now I need to understand why the second link in this @codepen doesn't have a purple background in Safari, while it does in Firefox and Chrome: https://codepen.io/nhoizey/pen/gOBBeEzWhen I inspect the element in devtools, it looks like custom properties are missing / not computed. 🤷‍♂️Which would explain why tags are white in Safari on https://nicolas-hoizey.com/tags/Did I just find a bug in Safari, where custom properties are ignored on `a:link` selectors? 😱Maybe a known issue, @karlcow ?I can open…
    • 18 May 2023, 12:34
    • Source
  2. Nicolas Hoizey avatar Nicolas Hoizey
    And I didn’t notice it before, the padding is missing in Chrome… 🤷‍♂️
    • 18 May 2023, 12:44
    • Source
  3. Karl Dubost avatar Karl Dubost
    @nhoizey Thanks Nicolas!I opened https://bugs.webkit.org/show_bug.cgi?id=256958maybe a parsing issue, because ::link is working which is weird too.
    256958 – :link is not parsed correctly in a combination with hsl colors.
    • 18 May 2023, 13:37
    • Source
  4. BohwaZ avatar BohwaZ
    @nhoizey we used to do <a name="anchor-name"></a> at some point in the past, I guess that's why.
    • 18 May 2023, 13:59
    • Source
  5. Nicolas Hoizey avatar Nicolas Hoizey
    @karlcow 👍
    • 18 May 2023, 14:09
    • Source
  • Older: Note from 16 May 2023
  • Newer: Note from 24 May 2023

Related contents with similar topics

  1. screenshot of Overview of CSS-only scrolling shadows and content fading techniques

    Francesco Schwarz avatar Francesco Schwarz

    Overview of CSS-only scrolling shadows and content fading techniques

    • Nicolas Hoizey
    • 11 February 2026
    • CSS
    • 5 reactions

    When content overflows and the scrollbar is insufficient or intentionally hidden, visual cues such as scroll shadows or fading effects signal that…

  2. screenshot of Try text scaling support in Chrome Canary

    Josh Tumath avatar Josh Tumath

    Try text scaling support in Chrome Canary

    • Nicolas Hoizey
    • 28 January 2026
    • accessibility, em, rem, CSS
    • 1 reaction

    Just like how the tag tells the browser that your website is designed to work for small viewport sizes, the tells the browser, 'Hey, I've designed…

  3. screenshot of A new (or rather, old) approach to typography on the web

    Alvin Leung, Taha Hossain, Shen Gao, Ben Giannis and Rafi Rizky

    A new (or rather, old) approach to typography on the web

    • Nicolas Hoizey
    • 3 December 2025
    • Web, typography, CSS, Design System

    The strongest type systems are opinionated. They respond thoughtfully to the environment they inhabit, carrying a voice that cannot be captured by…

  4. screenshot of Solved By Modern CSS: Section Layout

    Ahmad Shadeed avatar Ahmad Shadeed

    Solved By Modern CSS: Section Layout

    • Nicolas Hoizey
    • 24 October 2025
    • CSS, container queries
    • 18 reactions

    In this article, I took a typical section design and made it more dynamic with container queries, has, clamp, and grid. It’s an example of the potential…

  5. screenshot of Tailwind's @apply Feature is Better Than it Sounds

    Zell Liew

    Tailwind's @apply Feature is Better Than it Sounds

    • Nicolas Hoizey
    • 11 April 2025
    • CSS, Sass, Tailwind
    • 2 reactions

    Tailwind’s utilities are very powerful by themselves, but they’re even more powerful if you allow yourself to use @apply (and allow yourself to…

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy