Alt to Bootstrap Grid :first-child selector

Target needs to be > 767px width to see affect. This fiddle is meant as an alternative to the default Twitter Bootstrap .row-fluid :first-child selector. The goal with this approach is to allow for more semantic markup where the .row-fluid can be placed at the semantic grouping level (the section) & still work!

by kpowz

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<!-- Target needs to be > 767px width to see affect due to Bootstrap CSS breakpoints -->
<section class="row-fluid">
    <h3>Applicable Crops</h3>
    <div class="span3">
        a;sldkfj;alefj
    </div>
    <div class="span2">
        span # 2
    </div>
</section>

CSS

div {    
    background: #D1EAFF;
}
/* requires IE8 polyfill */
.row-fluid *:not([class*="span"]) +[class*="span"] {
    margin-left: 0;
}