html - How do I select the first class from a div in CSS?

This is my html code:

And this is the css part:

.role-maine .test:first-of-type {margin-left:0px}
.role-maine .test {margin-left:30px;}

So I do I assign de margin-left:0px for the first class, which has the name "test" ?