Question

Write CSS code that will select all p tags that are immediate children of h1 tags and change the font color to white when the mouse is hovering over the element.

Answer 1

To select all

tags that are immediate children of

tags and change the font color to white when the mouse is hovering over the element, use the CSS selector

> p:hover.

Step-by-step explanation:

To select all <p> tags that are immediate children of <h1> tags and change the font color to white when the mouse is hovering over the element, you can use the CSS selector <h1> > p:hover. Here is an example:

<style>
<h1> > p:hover {
color: white;
}
</style>

<h1>
<p>This paragraph text will change to white when hovering over the <h1> element.</p>
</h1>