რამდენიმე CSS სელექტორის გამოყენებისას შეცდომა

შეგახსენებთ დამწყებთა შეცდომის შესახებ: სელექტორი .bbb.zzz და სელექტორი .bbb .zzz სხვადასხვა რამეს აკეთებენ. პირველი ეძებს ელემენტს, რომელსაც ერთდროულად ორი კლასი აქვს, ხოლო მეორე - ეძებს ელემენტს კლასით zzz, რომელიც მდებარეობს კლასის bbb შიგნით.

Задание 1

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

cssh2.zzz {
  color: red;
}
Задание 2

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

cssh2 .zzz {
  color: red;
}
Задание 3

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css.bbb.zzz {
  color: red;
}
Задание 4

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css.bbb .zzz {
  color: red;
}
Задание 5

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css.bbb.zzz.xxx {
  color: red;
}
Задание 6

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css.bbb .zzz.xxx {
  color: red;
}
Задание 7

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css.bbb.zzz .xxx {
  color: red;
}
Задание 8

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css.bbb .zzz .xxx {
  color: red;
}
Задание 9

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css#elem.bbb {
  color: red;
}
Задание 10

გითხარით, რას ირჩევს სელექტორი ქვემოთ მოცემუნ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

css#elem .bbb {
  color: red;
}