К содержанию

Errore nell'utilizzo di più selettori CSS

Ricordo l'errore dei principianti: il selettore .bbb.zzz e il selettore .bbb .zzz fanno cose diverse. Il primo cerca un elemento che ha entrambe le classi contemporaneamente, mentre il secondo - cerca un elemento con la classe zzz, che si trova all'interno di un elemento con la classe bbb.

Задание 1

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

cssh2.zzz {
  color: red;
}

Задание 2

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

cssh2 .zzz {
  color: red;
}

Задание 3

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

css.bbb.zzz {
  color: red;
}

Задание 4

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

css.bbb .zzz {
  color: red;
}

Задание 5

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Задание 6

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Задание 7

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Задание 8

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Задание 9

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

css#elem.bbb {
  color: red;
}

Задание 10

Spiega cosa seleziona il selettore nel codice qui sotto. Poi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

css#elem .bbb {
  color: red;
}