#PseudoClass

pablolarahpablolarah
2024-03-08

šŸ”“šŸŸ¢ Simplify Your CSS Using :is() and :where() Pseudo-Classes
by @zoranjambor at @CSSWeekly

youtu.be/NnaBX6SypR8?si=gBg5-F

Picture of Zoran Jambor touching his beard with the left hand, on the left.
On the right, two browser windows with code:
First with red cross at the end: h1 a, p a, li a, h1 span, p span, li span {} 
Second with green check at the end: :is(h1, p, li) : is(a, span) {}
pablolarahpablolarah
2024-03-07

šŸŸ¢šŸ”“ Some little ways I’m using CSS :has() in the real world
by Andy Bell
@belldotbz @belldotbz

piccalil.li/blog/some-little-w

Dark green text on pink background:
Some little ways I’m using CSS :has() in the real world
pablolarahpablolarah
2023-10-04

šŸ”“ Feature: CSS :dir() pseudo-class selector
at @googlechrome

chromestatus.com/feature/57515

Dark pink text on light pink background:
CSS :dir() pseudo-class selector
pablolarahpablolarah
2023-08-21
Dark brown text on blue background:
"An alt Decision Tree Using Only :has() "
Inautiloinautilo
2023-07-13


CSS only floating labels Ā· Ever heard about the CSS pseudo-class ā€˜:placeholder-shown’? ilo.im/141frx

_____

pablolarahpablolarah
2023-05-22

🟣 Stop Rewriting Your CSS! Use :not() Instead.
A guide to :not() pseudo-class
by @zoranjambor at @CSSWeekly

youtu.be/WnUNMcy-YTs

Image of Zoran Jambor smiling on the right.
Background image is a mockup window in dark violet with code in light violet, white and cyan crossed by two red brushed lines. Background gradient light violet to dark violet.
pablolarahpablolarah
2023-05-16

šŸ”µšŸŸ” Conditional CSS with :has and :nth-last-child
by Ahmad Shadeed @shadeed9

ishadeed.com/article/condition

Blue text on yellow background:
"Conditional CSS with :has and :nth-last-child"
Inautiloinautilo
2023-04-21


Hiding empty elements with CSS :empty and :has() Ā· Pseudo-classes can help to conceal various kinds of empty elements ilo.im/12ecti

_____

Inautiloinautilo
2023-01-12

:is() :where() :has() Ā· The powerful new CSS pseudo-classes explained ilo.im/107xvd

_____

pablolarahpablolarah
2022-12-29

šŸ”µ Advanced guide to the CSS toggle() pseudo-class
by Kingsley Ubah at @LogRocket

blog.logrocket.com/advanced-gu

Letters CSS in white on pink background with circles in gradient cyan to magenta.

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst