Update page elements using ':target'

by Евгений

HTML

<div id="red">
  <div id="blue">
    <div id="green">
      <div id="yellow">
          <p>Hello.</p>
      </div>
    </div>
  </div>
</div>
<ul>
<li><a href="#red">Red</a></li>
<li><a href="#blue">Blue</a></li>
<li><a href="#green">Green</a></li>
<li><a href="#yellow">Yellow</a></li>
<li><a href="#default">Default</a></li>
</ul>

CSS

p {
    color:black;
}
#red:target p {
    color:red;
}
#blue:target p {
    color:blue;
}
#green:target p {
    color:green;
}
#yellow:target p {
    color:yellow;
}