RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
My google avatar.
devrel@google
notecss

New post on DCC about CSS Nesting

Two colorful origami cranes

12 comments #

84likes
28reposts
  • Kunle
  • Una 🇺🇦
  • Maurício.Kind 🐧🦀
  • Jorge Brito
  • Cu & Código
  • Sun 🇲🇺
  • 🦆 แนท
  • Matt Wing
  • Jordan Dingle
  • Florian Bouvot
  • Roman Czerkies
  • David Kontorovsky
  • Apple Annie :prami:
  • Bramus
  • Jeroen
  • Brecht
  • GENKI
  • Symfony Station :symfony:
  • DavBot
  • Jeus
  • Craig Webb
  • Elly Loel ✨🌱
  • Oliver
  • heapwolf
  • bartoszholubowicz
  • Ilya-GO
  • Pavel

Join the conversation on

I thought this is real text, not a screenshot and I got excited for a sec (using FF) :( Don't play with my heart, Adam!!
Stef Nia 🦄Stef Nia 🦄

@argyleink "Version 2 will introduce more syntactic sugar and potentially fewer rules to memorize." 👀 this is great to hear!

MayankMayank
I honestly hate seeing this in scss: &--header. Such a nightmare to search things when multiple devs are on a project. So glad CSS won’t support it.
Mike-麥-Mai/index.htmlMike-麥-Mai/index.html
Why the & is not present for the parent? We voted some time ago to keep the current syntax and not having the sass one... 😔
Mattia AstorinoMattia Astorino
😱😱 where
Mattia AstorinoMattia Astorino
Ah ok & is just not mandatory as before. Pfew. Internet is safe.
Mattia AstorinoMattia Astorino
I was about to write a "never nest in CSS" article but seems like there's no need. Good thing about 40% of this article is already pointing why u shouldn't.
rafa zero 🏳️‍🌈🌐rafa zero 🏳️‍🌈🌐
CSS gibt es jetzt bald auch mit Nesting 😍
werkbankwerkbank
Nesting is the single biggest reason I use SASS
CintronCintron
Are inline styles supported? For example, `<div style="&:hover { opacity: 0.75 }" />`
monochromermonochromer