Eroare la utilizarea mai multor selectoare CSS

Vă reamintesc de eroarea făcută de începători: selectorul .bbb.zzz și selectorul .bbb .zzz fac lucruri diferite. Primul caută un element care are simultan două clase, iar al doilea - caută un element cu clasa zzz, aflat în interiorul unui element cu clasa bbb.

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

h2.zzz {
	color: red;
}

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

h2 .zzz {
	color: red;
}

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

.bbb.zzz {
	color: red;
}

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

.bbb .zzz {
	color: red;
}

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

#elem.bbb {
	color: red;
}

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

#elem .bbb {
	color: red;
}