html - CSS to untarget certain element?

Question

What is the correct selector to un-target a div inside a div based on position that is un-target 1st child div or 2nd child, and so on.

For example,

<div class="myclass">
 <div>1st
   <div>Child of 1st</div>
 </div>

 <div>2nd</div>
 <div>3rd</div>
</div>

If I want class myclass not to apply to nth child of 1st?

Answer 1

You probably could have googled this first. Select n-th child:

    div > div:nth-child(2) {
        background: red;
    }

Unselect n-th child:

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

JS Fiddle: https://jsfiddle.net/uk0vnycw/

http://www.w3schools.com/cssref/sel_nth-child.asp