ACSS 101.11: Link Styling & Focus Styling (Global & Classes)

This lesson covers default link styling, changing links or groups of links with link classes, default focus styling, and changing the focus style of focusable elements or groups of focusable elements with focus classes.
Interested in using Automatic.css on your sites and accessing the private ACSS support and strategy community? Get a license here: automaticcss.com
Interested in using Frames on your sites and accessing the private Frames support and strategy community? Get a license here: getframes.io
Want more helpful dev tutorials and agency-related trainings? Check out Kevin's channel: / @gearyco

[@davidwalls2304]

Short, sweet, and to the point!

[@robmaric]

Love it! Absorbing each of these vids as I build my first ACSS site.

[@Louis-C-online]

Focus style utlity classes are amazing, I didn't know we had that in ACSS

[@stripedgoat8470]

🤙🏼🤙🏼

[@LupusDesign]

Short, but to the point! Granular controls are superb!

[@derekshort]

Is there a calc formula for a responsive maximum width of text? For example, I typically use 65ch on paragraphs that have a font size of 16px. That won’t work on bigger font sizes such as headings. It's tricky because the units are different - ch versus px (characters versus pixels). Would you please formulate one, Kevin? 😊🙏🏻 You’re great at this stuff.

[@dahunsi]

A no frills tutorial

[@andrewflight4879]

Another great ACSS 101 tutorial! Quick question re the link rules, can you add a class to exclude the link styles or only ID’s like in the video?

[@AutomaticCSS]

Any valid selector

[@andrewflight4879]

@@AutomaticCSS Fantastic, thank you!

[@derekshort]

Red and white?? 😬My eyes!! Lol