К содержанию

Viga mitme CSS valija kasutamisel

Meenutan algajate viga: valija .bbb.zzz ja valija .bbb .zzz teevad erinevaid asju. Esimene otsib elementi, millel on samaaegselt kaks klassi, ja teine - otsib elementi klassiga zzz, mis asub klassi bbb sees.

Задание 1

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

cssh2.zzz {
  color: red;
}

Задание 2

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

cssh2 .zzz {
  color: red;
}

Задание 3

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

css.bbb.zzz {
  color: red;
}

Задание 4

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

css.bbb .zzz {
  color: red;
}

Задание 5

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

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

Задание 6

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

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

Задание 7

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

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

Задание 8

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

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

Задание 9

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

css#elem.bbb {
  color: red;
}

Задание 10

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML kood, mis sobib selle valijaga. Siin on kood valijaga:

css#elem .bbb {
  color: red;
}