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

Question

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

#ParentDiv label,input { display: inline; }

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

Answer 1

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

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

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

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

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

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