К содержанию

Virhe useiden CSS-valitsimien käytössä

Muistutan aloittelijoiden virheestä: valitsin .bbb.zzz ja valitsin .bbb .zzz tekevät eri asioita. Ensimmäinen etsii elementtiä, jolla on samanaikaisesti kaksi luokkaa, ja toinen - etsii elementtiä, jolla on luokka zzz, joka sijaitsee luokan bbb sisällä.

Задание 1

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

cssh2.zzz {
  color: red;
}

Задание 2

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

cssh2 .zzz {
  color: red;
}

Задание 3

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

css.bbb.zzz {
  color: red;
}

Задание 4

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

css.bbb .zzz {
  color: red;
}

Задание 5

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

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

Задание 6

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

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

Задание 7

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

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

Задание 8

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

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

Задание 9

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

css#elem.bbb {
  color: red;
}

Задание 10

Kerro, mitä valitsin valitsee alla olevassa koodissa. Kirjoita sitten HTML-koodi, joka sopii tämän valitsimen alle. Tässä on koodi valitsimella:

css#elem .bbb {
  color: red;
}