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;
}