CSS для элементов ТОЛЬКО под определенным идентификатором

У меня есть элемент div, который имеет id, и этот div содержит набор входов и меток. Я ТОЛЬКО хочу стилизовать входы внутри этого конкретного div, но.. следующие стили все (глобальные) вместо того, чтобы держать область внутри #ParentDiv

#ParentDiv label,input { display: inline; }

Кроме того, возможно ли сделать этот тип вещей с допустимым css в IE6/7?

Ответы

Ответ 1

вам нужно это:

#ParentDiv label, #ParentDiv input { display: inline; }

Запятая указывает новый оператор селектора.

Часто, чтобы я помнил, что у каждого из селекторов, и чтобы было легче увидеть, какие элементы будут отобраны с первого взгляда, я буду алфавитным и разбивать селектора на две отдельные строки следующим образом:

#ParentDiv input,
#ParentDiv label {
    display: inline;
}

Кроме того, это должно отлично работать в IE 6/7/8 и действует в соответствии с w3c.