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;
}