Первый ребенок из div

Question

Мне хотелось бы получить фон моего самого первого div, но не всех первых divs divs. У самого первого div нет класса.

Я попытался следующий CSS, но он не работает, он дает предысторию всех первых суб-дивы тоже, что я не хочу:

.wrapper div:first-child {background: #ff0000;} 

или

.wrapper div:nth-child(1) {background: #ff0000;} 

Fiddle here !

Как задать цвет фона только для моего самого первого div без имени класса?

Answer 1

Вы можете использовать дочерний селектор >.

.wrapper > div:first-child { 
    background: #ff0000; 
} 

> комбинатор отделяет два селектора и соответствует только тем элементов подбираются вторым селектором, которые являются прямыми потомками элементов подобранных первым. В отличие от этого, когда два селектора имеют в сочетании с селектором-потомком, комбинированное селекторное выражение соответствует тем элементам, которые соответствуют второму селектору для , который содержит элемент предка, соответствующий первому селектору , независимо от количества «переходов», до DOM.

Fiddle: http://jsfiddle.net/ba5gfr27/8/

Ссылка: MDN - Child selectors