I have a problem, maybe it's obvious, but I couldn't find any answers how to do this. 

I have a structure like this on my website:

```
<div class="row-even">
     <article class="featured-job">a</article>
</div>
<div class="row-odd">
     <article class="featured-job">b</article>
</div>
<div class="row-even">
     <article class="regular-job">a</article>
</div>
<div class="row-odd">
     <article class="regular-job">b</article>
</div>
<div class="row-even">
     <article class="regular-job">c</article>
</div>

```

This tiny thing is generated by PHP for listing some articles from two types, a Featured job, and a Regular job. I want to separate these two content types by adding a margin-top for the first one of the *.regular-job* articles. I tried using *first-line*, *first-child*, *first-of-type*, all from the *first-*\* and even tried *nth-child*, but nothing worked for me.  

(I know these separators working on the parent of the element I am using on.)

Is there any way it can be done?