You can use the :not() and :nth-child() pseudo-classes.
<!-- begin snippet: js hide: false -->
<!-- language: lang-css -->
div > div > div > div:not(:nth-child(2)){
color: red;
}
<!-- language: lang-html -->
<div>
<div>
<div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
</div>
</div>
</div>
<!-- end snippet -->
Note: For ie8 support, you could use the same selector in jQuery and style your element that way.
<!-- begin snippet: js hide: true -->
<!-- language: lang-js -->
$("div > div > div > div:not(:nth-child(2))")
.css("background-color", "yellow")
<!-- language: lang-html -->
<div>
<div>
<div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
</div>
</div>
</div>
<!-- External Resources -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- end snippet -->