Simple css class selector issue

[CryAngel]

I am having a problem with a simple first of type css issueI have\[code\]<div class='test'> <div>test 1</div> <div>test 2</div> </div><div class='test'> <div>test 3</div> <div>test 4</div> </div><div class='test'> <div>test 5</div> <div>test 6</div> </div>\[/code\]I want the first test div showing background red and the rest are blue.I have \[code\].test{ background-color: blue; margin: 15px; border-top: dashed 1px grey;}.test:first-of-type{ background-color: red; border-top:0;}\[/code\]but all my \[code\]divs\[/code\] are showing blue. Am I doing something wrong here? Thanks for the help!