Fout by die gebruik van verskeie CSS-kiesers

Onthou die beginnersfout: die kieser .bbb.zzz en die kieser .bbb .zzz doen verskillende dinge. Die eerste soek 'n element wat albei klasse gelyktydig het, en die tweede - soek 'n element met die klas zzz, geleë binne die klas bbb.

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

h2.zzz {
	color: red;
}

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

h2 .zzz {
	color: red;
}

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

.bbb.zzz {
	color: red;
}

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

.bbb .zzz {
	color: red;
}

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

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

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

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

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

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

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

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

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

#elem.bbb {
	color: red;
}

Verduidelik wat die kieser in die onderstaande kode kies. Skryf dan die HTML-kode wat by hierdie kieser pas. Hier is die kode met die kieser:

#elem .bbb {
	color: red;
}