Question

I’m wondering if it’s possible to update another objects style from a stylesheet, like this example wants to show h1 when you hover over a:

a:hover { set h1:display:block; }

h1 { display: none; }

Is this possible in CSS?

Answer 1

If you put the h1 in the a, then you could use this style:

h1 {display:none;}
a:hover h1 {display:block;}

If the h1 comes right after the a, then you can use this:

h1 {display:none}
a:hover + h1 {display:block;}

Otherwise, you’d have to use Javascript.