К содержанию

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.

Задание 1

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:

cssh2.zzz {
  color: red;
}

Задание 2

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:

cssh2 .zzz {
  color: red;
}

Задание 3

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:

css.bbb.zzz {
  color: red;
}

Задание 4

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:

css.bbb .zzz {
  color: red;
}

Задание 5

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:

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

Задание 6

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:

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

Задание 7

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:

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

Задание 8

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:

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

Задание 9

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:

css#elem.bbb {
  color: red;
}

Задание 10

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:

css#elem .bbb {
  color: red;
}