# All About nth-of-type and nth-child | kirupa.com

**URL:** <https://forum.kirupa.com/t/all-about-nth-of-type-and-nth-child-kirupa-com/592828>\
**Category:** programming\
**Created:** [March 29, 2015, 1:25am UTC](https://forum.kirupa.com/t/all-about-nth-of-type-and-nth-child-kirupa-com/592828 "2015-03-29T01:25:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 29, 2015, 1:25am UTC](https://forum.kirupa.com/t/all-about-nth-of-type-and-nth-child-kirupa-com/592828/1 "2015-03-29T01:25:39Z")

</div>

by [kirupa](http://www.kirupa.com/me/index.htm) | 27 November 2012

One of the most effective places to use CSS transitions is with **links** (aka **hyperlinks** for you old-schoolers). If you remember back in the day, your links were very predefined and boring. They were made up of underlined blue text that turned purple once you visited whatever they linked to. They also had a mysterious state where the links would turn red, but you often saw that in real life very rarely.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/3\_easy\_link\_hover\_effects\_using\_transitions\_temp.htm](http://www.kirupa.com/html5/3_easy_link_hover_effects_using_transitions_temp.htm)