CSS - Что означает этот селектор
div.alert.error {
background:url("v3.png") no-repeat scroll 7px -643px #FFEEEE;
}
Означает ли селектор «div.alert.error» следующее?
выбирает DIV, которые содержат предупреждения и ошибки класса.
Есть ли разница между
CaseI: div.alert.error
CaseII: div.alert .error
CaseIII: div .alert .error
Спасибо
3 ответа
CaseI: div.alert.error
Div с классами Элемент с классом Элемент с классом alert AND error. CaseII: div.alert .error
error, который является потомком div с классом alert. CaseIII: div .alert .error
error, который является потомком элемента с классом alert, который, в свою очередь, является потомком любого div.
Селектор означает, как вы догадались, «выбрать блоки div, у которых есть классы предупреждений и ошибок».
И да, есть также разница между тремя случаями (уже описанными другими ) . Я бы рекомендовал ознакомиться с документом W3C CSS2 селекторов, раздел сопоставления с образцом .
Позвольте мне использовать ваши случаи в качестве примера:
CaseI: Выберите каждый div, к которому применены классы "alert" и "error".
CaseII: выберите все, к чему применяется регистр «ошибка», который находится внутри div с примененным к нему «оповещением» регистра.
CaseIII: выберите все, к чему применен регистр «ошибка», что находится внутри чего-то с классом «предупреждение» и div.