Մի քանի 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;
}