How to apply CSS to only immediate children of a certain class

Question

I have a div and in that div I want to create another div with a different class and have the inner div completely separa

Answer 1

.outer > h2 { color:red; }

this way only the direct child of the outer div get this color value, should fix the job.

Answer 2

I think what you need is

.inner h2 {color: inherit}

Answer 3

.outer .inner * { color: #000; }

sets all elements within the inner container as having the color black.

Demo here