К содержанию

Eroare la utilizarea mai multor selectoare CSS

Vă reamintesc de eroarea făcută de începători: selectorul .bbb.zzz și selectorul .bbb .zzz fac lucruri diferite. Primul caută un element care are simultan două clase, iar al doilea - caută un element cu clasa zzz, aflat în interiorul unui element cu clasa bbb.

Задание 1

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

cssh2.zzz {
  color: red;
}

Задание 2

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

cssh2 .zzz {
  color: red;
}

Задание 3

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

css.bbb.zzz {
  color: red;
}

Задание 4

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

css.bbb .zzz {
  color: red;
}

Задание 5

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Задание 6

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Задание 7

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Задание 8

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

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

Задание 9

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

css#elem.bbb {
  color: red;
}

Задание 10

Spuneți ce selectează selectorul din codul de mai jos. Apoi scrieți cod HTML care se potrivește acestui selector. Iată codul cu selectorul:

css#elem .bbb {
  color: red;
}