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
Спасибо
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.
Позвольте мне использовать ваши случаи в качестве примера:
CaseI: выберите каждый div, для которого применяются классы "alert" и "error".
CaseII: выберите все, что относится к случаю с "ошибкой", применяемой к нему, которая находится внутри div, и к нему применяется "предупреждение".
CaseIII: выберите все, что имеет кейс "ошибка", примененный к нему, который находится внутри чего-либо с классом "alert" и div.
Селектор означает, как вы предполагали, "выбрать divs, которые имеют как классы предупреждения, так и ошибки".
И да, есть также разница между тремя случаями (уже обозначенными другими). Я бы рекомендовал просмотреть W3C CSS2 селекторный документ, раздел соответствия шаблонов.
Предположим, мы хотим применить стиль к тегу. Поэтому мы должны написать следующее
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">