is there a way to do a direct child selector in ComponentStyle? like this css: `.someClass > ul` ...

# kobweb

[Alexander Black]

is there a way to do a direct child selector in ComponentStyle? like this css: .someClass > ul or something like that? I’m trying to apply a css hover transition using the parent element as as the hover target, but only have the background colors change on the children if that makes sense. Is there a way to accomplish this?

[David Herman]

Yes, there's a cssRule escape hatch

[David Herman]

Something like

... by ComponentStyle {
  cssRule(" > ul") { Modifier... }
}

should work for you

[Alexander Black]

This is great!! Thanks so much @David Herman

[David Herman]

You bet. Sounds like you got it working! 👍

[Alexander Black]

Yes!! It’s working like a dream! Thanks for sending me in the right direction. The readme was super helpful