Në CSS, ju mund të zgjidhni elementë, class dhe id të aplikoni stile dhe të personalizoni elementët në faqen tuaj të internetit. Këtu është një udhëzues i detajuar se si t'i përdorni ato:
Përzgjedhja e elementeve
Për të zgjedhur të gjitha rastet e një elementi specifik HTML, përdorni emrin e elementit si përzgjedhës. Për shembull, p zgjedh të gjitha <p> etiketat në dokument.
Përzgjedhja Class
Për të zgjedhur elementë me të njëjtën klasë, përdorni një pikë "." pasuar nga emri i klasës. Për shembull, .my-class zgjedh të gjithë elementët me klasën my-class.
Për të zgjedhur elementë me klasa të shumta, përdorni pikat "." dhe listoni emrat e klasave të ndara me hapësira. Për shembull, .class1.class2 zgjedh elementet me të dyja class1 dhe class2 klasat.
Përzgjedhja id
Për të zgjedhur një element specifik me id, përdorni një hash "#" të ndjekur nga elementi id. Për shembull, #my-id zgjedh elementin me id my-id.
Kombinimi Element, Class, dhe ID Zgjedhjet
Ju mund të kombinoni zgjedhjet e elementeve, class, dhe id për të synuar elementë specifikë me klasa specifike dhe ID.
Për shembull, div.my-class#my-id zgjedh <div> elementin me class my-class dhe ID my-id.
Këtu është një shembull specifik i zgjedhjes së elementeve, class, dhe id në CSS:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
Duke përdorur zgjedhjet element, class, dhe id, mund të zgjidhni dhe stiloni me lehtësi elemente ose grupe elementesh specifike në faqen tuaj të internetit.