К содержанию

Kļūda, lietojot vairākus CSS selektorus

Atgādinu par iesācēju kļūdu: selektors .bbb.zzz un selektors .bbb .zzz dara dažādas lietas. Pirmais meklē elementu, kam vienlaikus ir divas klases, bet otrais - meklē elementu ar klasi zzz, kas atrodas klases bbb iekšienē.

Задание 1

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

cssh2.zzz {
  color: red;
}

Задание 2

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

cssh2 .zzz {
  color: red;
}

Задание 3

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

css.bbb.zzz {
  color: red;
}

Задание 4

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

css.bbb .zzz {
  color: red;
}

Задание 5

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

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

Задание 6

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

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

Задание 7

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

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

Задание 8

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

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

Задание 9

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

css#elem.bbb {
  color: red;
}

Задание 10

Paskaidrojiet, ko izvēlas selektors dotajā zemāk redzamajā kodā. Pēc tam uzrakstiet HTML kodu, kas atbilst šim selektoram. Lūk, kods ar selektoru:

css#elem .bbb {
  color: red;
}