CSS - В чем смысл этого селектора

adfafdadfadsf   
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

Спасибо

Ответы

Ответ 1

CaseI:   div.alert.error

A div с классами alert AND error. <div class="alert error">

CaseII:  div.alert .error

Элемент с классом error, являющийся потомком div с классом alert.

CaseIII: div .alert .error

Элемент с классом error, являющийся потомком элемента с классом alert, который, в свою очередь, является потомком любого div.

Ответ 2

Позвольте мне использовать ваши случаи в качестве примера:

CaseI: выберите каждый div, для которого применяются классы "alert" и "error".

CaseII: выберите все, что относится к случаю с "ошибкой", применяемой к нему, которая находится внутри div, и к нему применяется "предупреждение".

CaseIII: выберите все, что имеет кейс "ошибка", примененный к нему, который находится внутри чего-либо с классом "alert" и div.

Ответ 3

Селектор означает, как вы предполагали, "выбрать divs, которые имеют как классы предупреждения, так и ошибки".

И да, есть также разница между тремя случаями (уже обозначенными другими). Я бы рекомендовал просмотреть W3C CSS2 селекторный документ, раздел соответствия шаблонов.

Ответ 4

Предположим, мы хотим применить стиль к тегу. Поэтому мы должны написать следующее

h1(this is called 'selector')
{
    text-align(property):center(value);
    color:green;

}

теперь используйте селектор идентификаторов и селектор классов

1) селектор id

#para1
{
    text-align:center;
    font-face:Bold

}

когда мы хотим использовать запись, например:

    <input type="text" id="para1">