К содержанию

Hiba több CSS szelektor használatakor

Emlékeztetőül a kezdők hibájáról: a .bbb.zzz és a .bbb .zzz szelektorok különböző dolgokat csinálnak. Az első egy olyan elemet keres, amely egyszerre rendelkezik mindkét osztállyal, míg a második - egy zzz osztállyal rendelkező elemet keres, amely a bbb osztályon belül található.

Задание 1

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

cssh2.zzz {
  color: red;
}

Задание 2

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

cssh2 .zzz {
  color: red;
}

Задание 3

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

css.bbb.zzz {
  color: red;
}

Задание 4

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

css.bbb .zzz {
  color: red;
}

Задание 5

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

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

Задание 6

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

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

Задание 7

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

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

Задание 8

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

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

Задание 9

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

css#elem.bbb {
  color: red;
}

Задание 10

Magyarázza el, mit választ ki a szelektor az alábbi kódban. Ezután írjon HTML kódot, amely megfelel ennek a szelektornak. Itt a kód a szelektorral:

css#elem .bbb {
  color: red;
}