Connecting Interaction to Parent Element

[greenfunk]

I want to have the background color of a headline in a column change (base vs interaction color) when the parent row of that column is interacted with. I’m making a set of rows and columns look like a table and I have the row set to change background color on interaction (hover). The headline has an opposing color background and when you hover on the row that contains it, I want it’s background color interaction to be activated as well.

BASE APPEARANCE

ROW HOVER APPEARANCE

HEADLINE HOVER APPEARANCE

How can link the Headline hover appearance (interaction) to the Row hover (interaction)?

[ruenel]

Hello Jacob,

Thanks for writing in!

You do not have to link anything because as you hover over the Headline element, it means that you are also hovering over the Row element. The Row hover can be triggered by hovering any of the columns or as long as you hover inside the Row element area.

Hope this makes sense.