Kļūda, lietojot vairākus CSS selektorus

Atgādinu par iesācēju kļūdu: selektors .bbb.zzz un selektors .bbb .zzz dara dažādas lietas. Pirmais meklē elementu, kam vienlaikus ir divas klases, bet otrais - meklē elementu ar klasi zzz, kas atrodas klases bbb iekšienē.

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

h2.zzz {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

h2 .zzz {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

.bbb.zzz {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

.bbb .zzz {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

.bbb.zzz.xxx {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

.bbb .zzz.xxx {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

.bbb.zzz .xxx {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

.bbb .zzz .xxx {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

#elem.bbb {
	color: red;
}

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

#elem .bbb {
	color: red;
}