Change Css of Other element onhover

For example you have this structure

<div id="dr-wordpress">

                      <h1 id="web" > This is my Blog </h1>

</div>

If the web is directly inside the "dr-wordpress":

#dr-wordpress:hover > #web { background-color: yellow; }

If web is next to (after containers closing tag) the "dr-wordpress":

#dr-wordpress:hover + #web { background-color: yellow; }

If the web is somewhere inside the "dr-wordpress":

#dr-wordpress:hover #web { background-color: yellow; }

Subscribe us for Important Knowledge of word press.Your's suggestions are most welcomed..