Грешка при користење на повеќе CSS селектори
Потсетување за грешката на почетниците: селекторот
.bbb.zzz и селекторот .bbb .zzz
прават различни работи. Првиот бара елемент
кој има две класи истовремено, а вториот
- бара елемент со класа zzz, кој се наоѓа
внатре во елемент со класа bbb.
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
h2.zzz {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
h2 .zzz {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.bbb.zzz {
color: red;
}
Објаснете што избира селекторот во даденит код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.bbb .zzz {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.bbb.zzz.xxx {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.bbb .zzz.xxx {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.bbb.zzz .xxx {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
.bbb .zzz .xxx {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
#elem.bbb {
color: red;
}
Објаснете што избира селекторот во дадениот код подолу. Потоа напишете HTML код, кој одговара на овој селектор. Еве го кодот со селекторот:
#elem .bbb {
color: red;
}
