Articles Tagged
nth-letter

4 Articles

Modifying Specific Letters with CSS and JavaScript

Changing specific characters can be a challenge in CSS. Often, we’re forced to implement our desired changes one-by-one in HTML, perhaps using the span element. But, in a few specific cases, a CSS-focused solution may still be possible. In this …

Bret Cameron on Sep 10, 2020

a11y facebook nth-letter

Letters

Did you see this Facebook crap?

"Why do I need a 4Ghz quadcore to run facebook?" This is why. A single word split up into 11 HTML DOM elements to avoid adblockers. pic.twitter.com/Zv4RfInrL0

— Mike Pan (@themikepan) February 6, 2019

…

Chris Coyier on Feb 20, 2019

nth-letter

Did we get anywhere on that :nth-letter() thing?

Direct Link

No, not really.

I tried to articulate a need for it in 2011 in A Call for ::nth-everything.

Jeremy takes a fresh look at this here in 2018, noting that the first published desire for this was 15 years …

Shared by Chris Coyier on Oct 17, 2018

nth-letter

A Call for ::nth-everything

We already have ::first-letter and ::first-line which are useful. Why not expand those out into a full set of selectors that follow the same pattern of the ::nth-child family? I attempt to make the case here.

Chris Coyier on Oct 31, 2011 (Updated on Sep 1, 2020)

Modifying Specific Letters with CSS and JavaScript

<span>L</span><span>e</span><span>t</span><span>t</span><span>e</span><span>r</span><span>s</span>

Did we get anywhere on that :nth-letter() thing?

A Call for ::nth-everything