একাধিক CSS সিলেক্টর ব্যবহার করার সময় ত্রুটি

নবিশদের ত্রুটির কথা মনে করিয়ে দিচ্ছি: সিলেক্টর .bbb.zzz এবং সিলেক্টর .bbb .zzz ভিন্ন কাজ করে। প্রথমটি এমন একটি এলিমেন্ট খোঁজে, যার একই সাথে দুটি ক্লাস আছে, এবং দ্বিতীয়টি - bbb ক্লাসের ভিতরে থাকা zzz ক্লাসের এলিমেন্ট খোঁজে।

Задание 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;
}