HTML\[code\]<ul> <li><a href="http://stackoverflow.com/questions/14562426/#">Home</a></li> <li><a href="http://stackoverflow.com/questions/14562426/#" class="active">About</a></li></ul>\[/code\]CSS\[code\]ul li:nth-child(even) a { text-shadow: 1px 1px 1px red;}.active { text-shadow: none;}\[/code\]And second list item still have shadow. why?