Selektorë të shumtë të bashkuar në CSS

Për të zgjedhur një element që i përgjigjet njëkohësisht disa selektorëve, duhet t'i shkruani këta selektorë të bashkuar, pa hapësirë.

Për shembull, selektori i mëposhtëm do të zgjedhë një element që ka njëkohësisht klasën bbb dhe klasën zzz:

css.bbb.zzz {
  
}

Ndërsa selektori i mëposhtëm do të zgjedhë titullin h2, që ka njëkohësisht klasën bbb dhe klasën zzz:

cssh2.bbb.zzz {
  
}

Kështu mund të ndërtohen konstruksione arbitrare të selektorëve. Rendi i selektorëve të përdorur nuk ka rëndësi, përveç rregullit që selektorët e etiketave duhet të vendosen në fillim.

Kjo do të thotë, për shembull, selektorët .bbb.zzz dhe .zzz.bbb janë plotësisht ekuivalent.

Përveç kësaj, mund të formohen selektorë duke përdorur id, për shembull, si këta: #elem.eee, ose h2#elem.eee, ose h2.eee#elem e kështu me radhë.

Задание 1

Tregoni, çfarë zgjedh selektori në kodin e dhënë më poshtë. Pastaj shkruani kodin HTML që i përshtatet këtij selektori. Ja kodi me selektorin:

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

Tregoni, çfarë zgjedh selektori në kodin e dhënë më poshtë. Pastaj shkruani kodin HTML që i përshtatet këtij selektori. Ja kodi me selektorin:

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

Tregoni, çfarë zgjedh selektori në kodin e dhënë më poshtë. Pastaj shkruani kodin HTML që i përshtatet këtij selektori. Ja kodi me selektorin:

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

Tregoni, çfarë zgjedh selektori në kodin e dhënë më poshtë. Pastaj shkruani kodin HTML që i përshtatet këtij selektori. Ja kodi me selektorin:

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

Tregoni, çfarë zgjedh selektori në kodin e dhënë më poshtë. Pastaj shkruani kodin HTML që i përshtatet këtij selektori. Ja kodi me selektorin:

cssh2#elem.bbb {
  color: red;
}