The :precognition pseudoclass is useful in scenarios where you need to get outside the user’s light cone.

in other "developers, WTF" news today, I have been confronted with code that's supposed to display a regular price & a savings price (e.g., "$8 (regular price: $10"), and these devs have made the $8 a before:: pseudoclass to the "regular price" area instead of just using a variable inline. IDEK, man

CSS can do similar thing with :has() pseudoclass. You can style an element according to its child.

#CSS needs more than :nth-child and :nth-of-type.

It needs a pseudoclass for identifying if that SPECIFIC selector occurs more than once.

an :nth-of-selector() if you will. Where .foo:nth-of-selector(3) means I've selected the third .foo. Not the third element.

And that’s yet another thing about CSS that really gets my goat: they expect you to hyphenate “pseudoclass”.

I’ve changed the way I do the “description” for my newsletter posts. Now, I’m using Hugo’s Summary method, with the first paragraph styled using the CSS pseudoclass :first-of-type to distinguish it from the rest of the post. But it seems that most mail clients don’t support that pseudoclass ☹️

Is there an easy way to take a web page and spider all the inline, minified, and proper CSS in it to find a class or pseudoclass that has some of the parameters I want?

The ::selection pseudoclass lets you style content when it’s selected. So what if you could…really play with colour? Maybe even get a rainbow going?
@chriscoyier.net explains.
frontendmasters.com/blog/rainbow...

Thanks to @kevinpowell.co's recent talk at JetBrains, I was able to hide this empty table of contents.

Learnt about the `:empty()` pseudoclass.

I would have used conditional rendering somehow with hugo's templating, but this is a lot easier :)

Video here: youtu.be/0rZywO6jdU4?...

🔴🟢 Simplify Your CSS Using :is() and :where() Pseudo-Classes
by @ZoranJambor at @CSSWeekly

#css #PseudoClassIS #PseudoClassWhere #webdev #pseudoclass

youtu.be/NnaBX6SypR8?...

🟢🔴 Some little ways I’m using CSS :has() in the real world
by Andy Bell
@belldotbz @belldotbz@mastodon.social
#css #csshas #pseudoclass #webdev

piccalil.li/blog/some-li...

🔴 Feature: CSS :dir() pseudo-class selector
at @googlechrome
#dir #css #webdev #pseudoclass

chromestatus.com/feature/5751...

@keithamus.social Hi Keith! Enjoyed your talk last night. Quick question I would've asked if I remembered: do you have any idea of the likelihood of an :is-pinned or :is-stuck pseudoclass any time soon? To be used with position: sticky.

omg thank you!!! at first i didn't put the lil minimize/maximize/close buttons but then i had a brain blast and remembered the ::after pseudoclass exists and i'm so pleased

I mean, you can create a switch without JS!

Tons of Intl students have been sold BS by shady immigration consultants and diploma mills about getting a better life here; our government is complicit in this, and we now have a Dubai-esque pseudoclass of poor migrants working shit jobs in shit conditions, which is bad for everyone, citizen or not