First-child not removing margin

links-column:first-child: margin-left:0%

is not triggering, I have the exact same code on another section of the site (rev-column) and this is working so not sure why it doesn't work.

fiddle: http://ift.tt/1NpzvtF

 <div class="twelve columns">
 <div class="links-section-header"></div>
 <div class="links-column">
<div class="links-cats-wrap">
</div>
</div>
<div class="links-column">
<div class="links-cats-wrap">
</div>
</div>
<div class="links-column">
<div class="links-cats-wrap">
</div>
</div>

</div>

.links-column             { width: 32%; margin-left:1%; float:left; }
.links-column:first-child { margin-left: 0%; }
}.links-cats-wrap{
display:block;
float:left;
width:100%;
height:400px;
background-color:#fff;
margin-bottom:10px;
border:1px solid #DDDDDD;

Laravel code:

@foreach ($links as $link)
<div class="twelve columns">
<div class="links-section-header">{{ $link->category }}</div>

@foreach ($link->linksitems as $linksitem)
<div class="links-column">
<div class="links-cats-wrap">
<div class="links-cats-img"><img class="u-full-width"    src="images/links/{{ $linksitem->img }}"> </div>
<a href="http://{{ $link->link1 }}" target="_blank"><div class="links-cats-link">{{ $linksitem->link }}</div></a>
<div class="links-cats-desc">{{ $linksitem->text }}</div>

</div>
</div>
</div>
@endforeach
@endforeach