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 Alignment in CSS Grid Lanes

    Patrick Brosset avatar Patrick Brosset

    Alignment in CSS Grid Lanes

    • Nicolas Hoizey
    • 13 October 2026
    • CSS, Grid Lanes

    […] here is the really interesting part, aligning individual items along the stacking axis. At first sight, this might seem surprising. After all,…

  2. screenshot of Controlling when CSS custom property values are computed

    Jake Archibald avatar Jake Archibald

    Controlling when CSS custom property values are computed

    • Nicolas Hoizey
    • 15 September 2026
    • CSS
    • 2 reactions

    When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles.

  3. screenshot of Scroll-Driven Animations

    Josh W. Comeau avatar Josh W. Comeau

    Scroll-Driven Animations

    • Nicolas Hoizey
    • 30 April 2026
    • CSS, animations
    • 4 reactions

    The CSSWG deserves a lot of credit, in my opinion, for repurposing/extending CSS keyframe animations for scroll-driven animations. Rather than invent…

  4. 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…

  5. 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…

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