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:
.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:
h2.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ë.
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:
.bbb.zzz {
color: red;
}
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:
h2.bbb.zzz {
color: red;
}
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:
#elem.bbb {
color: red;
}
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:
#elem.bbb.zzz {
color: red;
}
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:
h2#elem.bbb {
color: red;
}