К содержанию

Birnäçe CSS saýlawçyny ulanmakdaky ýalňyşlyk

Başlangyçlaryň ýalňyşlygyny ýatladýaryn: saýlawjy .bbb.zzz we saýlawjy .bbb .zzz başga-başga zatlar edýär. Birinjisi, eýýäm iki synpy bolan element gözleýär, ikinjisi bolsa .bbb synpynyň içindäki .zzz synpy bolan elementi gözleýär.

Задание 1

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

cssh2.zzz {
  color: red;
}

Задание 2

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

cssh2 .zzz {
  color: red;
}

Задание 3

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

css.bbb.zzz {
  color: red;
}

Задание 4

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

css.bbb .zzz {
  color: red;
}

Задание 5

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

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

Задание 6

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

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

Задание 7

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

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

Задание 8

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

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

Задание 9

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

css#elem.bbb {
  color: red;
}

Задание 10

Aşakdaky koddaky saýlawjy näme saýlaýandygyny düşündiriň. Soňra şol saýlawçy üçin degişli HTML kody ýazyň. Saýlawjy bilen kod:

css#elem .bbb {
  color: red;
}