CSS bazë: Përzgjedhja e elementeve, ID dhe Class

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.