CSS - что означает этот селектор

Question

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

Спасибо

Answer 1

CaseI:   div.alert.error

Див с классами alert И error. <div class="alert error">

CaseII:  div.alert .error

Элемент с классом error, который является потомком div с классом alert.

CaseIII: div .alert .error

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

Answer 2

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

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

CaseII: выберите все, к чему применена «ошибка» в регистре, которая находится внутри элемента div с примененным к нему «регистром».

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

Answer 3

Селектор означает, как вы уже догадались, «выбрать div, которые имеют классы предупреждений и ошибок».

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

Answer 4

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

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

}

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

1) селектор идентификаторов

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

}

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

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