RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit Icon
My google avatar.
devrel@google
notecss

use :has() for when an element doesn't have some other element as a child, like a card without a heading 🤓

.card {
  ...
  &:not(:has(h3)) {
    /* .card's without h3's */
  }
}

Codepen

Crawl the CSS Webring