Pseudo-Classes CSS Only

by barzik

HTML

<ul>
  <li>first child</li>
  <li>second child</li>
  <li>third child</li>
  <li>last child</li>
</ul>

<a href="http://www.moshe.com">Some Link</a>

CSS

li:first-child {
 color: blue;
}

li:nth-child(2) {
 color: green;
}

li:nth-child(3) {
 color: orange;
}

li:last-child {
 color: red;
}

a:hover {
    color: yellow;
}
a:visited {
    color: green;
}
a:focus {
  border: 1px solid black;   
}
}