web (1)

Targeting nested elements with EmotionFebruary 05, 2020

CSS in JS is all the rage, but how do you target nested components?

TL;DR Using a pattern of CSS overrides in Emotion can enable you to target nested components within a React application. Problem It is a common pattern to use CSS to target elements nested within another element, in order to only change the appearance of the element within a certain context. Using a CSS in JS solution such as Emotion makes this difficult because you end up with generated class…Keep Reading


© Matthew Sessions 2022