CSS - Cambiando propiedades al ultimo elemento

by Alejandro M

HTML

<div class="parent">
  <div class="child">s</div>
  <div class="child">par</div>
  <div class="child">s</div>
  <div class="child">par</div>
  <div class="child">s</div>
  <div class="child">ultimo</div>
</div>

<div class="parent">
  <div class="child">s</div>
  <div class="child">par</div>
  <div class="child">s</div>
  <div class="child">par</div>
  <div class="child">ultimo</div>
</div>

CSS

.parent{position:relative; float:left; width:100%; padding:20px 0;}
.child{position:relative; float:left; width:50%; background:gray}
.child:nth-child(even){background:lightblue; width:50%!important; }
.child:last-of-type{background:green; width:100%}