CSS для элементов ТОЛЬКО под определенным идентификатором
У меня есть элемент div с идентификатором, и этот 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.
Для тех, кто хочет стилизовать класс вместо имени тега, используйте #ParentDiv.myClass.
@Noumenon Разве нам не нужен пробел перед .myClass?
эта ссылка может пригодиться w3schools.com/cssref/css_selectors.asp