Подскажите - что же я не понимаю! nth-child

<div class="wr">
	<div class="levo"></div>
	<div class="centr"></div>
	<div class="right"></div>
</div>

.wr {
background: red;
width: 500px;
height: 600px;
}
.wr:first-child {
background: olive;
width: 200px;
height: 50px;
}
.wr:nth-child(2) {
background: black;
width: 200px;
height: 50px;
}

Вотттт почему!!! Я не понимаю…что то с ними …три блока в блоке. вот большому задаю фон…а далее по nth но почему то …

Если вы хотите оставить свой селектор, тогда надо писать с пробелом:
.wr :first-child { ... }

Или таким образом, без пробела: .levo:first-child { ... }

Господи…дело в пробеле…ааааа
т.е. если пишем с пробелом - то обращаемся к папе…
а если без пробела - то к деткам?

Да, получается, что так)

Я вас люблю - всегда помогаете!!!