Select Divs

HTML

<div>
    <div>
        <div>
            <div>Test</div> 
            <div>Test</div>
            <div>Test</div>
            <div>Test</div>
        </div>
    </div>
</div>









<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/q/18793826/1366033'>How would I select this with CSS?</a><br/>
    Find documentation: <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/%3anot'>CSS :not() psuedo selector</a><br/>
    Find documentation: <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/%3anth-child'>CSS :nth-child() psuedo selector</a><br/>
<div>

CSS

div div div div:not(:nth-child(2)){
    color: red;
}

JavaScript

$(function() {
    $("div div div div:not(:nth-child(2))").css("background-color","yellow")
});