CSS Bażiku: Għażla ta' Elementi, ID u Class

F'CSS, tista' tagħżel elementi, class, u id biex tapplika stili u tippersonalizza elementi fuq il-paġna web tiegħek. Hawnhekk hawn gwida dettaljata dwar kif tużahom:

 

Għażla ta' Elementi

Biex tagħżel l-istanzi kollha ta' element HTML speċifiku, uża l-isem tal-element bħala selettur. Pereżempju, p jagħżel it-tikketti kollha <p> fid-dokument.

 

Għażla Class

Biex tagħżel elementi bl-istess klassi, uża tikka "." segwit mill-isem tal-klassi. Pereżempju, .my-class jagħżel l-elementi kollha bil-klassi my-class.

Biex tagħżel elementi bi klassijiet multipli, uża tikek "." u elenka l-ismijiet tal-klassi separati bi spazji. Pereżempju, .class1.class2 jagħżel elementi bit-tnejn class1 u class2 l-klassijiet.

 

Għażla id

Biex tagħżel element speċifiku permezz tagħha id, uża hash "#" segwit mill-element's id. Pereżempju, #my-id jagħżel l-element bil- id my-id.

 

Jikkombinaw Element, Class, u ID Selezzjonijiet

Tista' tgħaqqad class selezzjonijiet ta' elementi,, u id biex timmira elementi speċifiċi bi klassijiet speċifiċi u ID.

Pereżempju, div.my-class#my-id jagħżel l <div> -element bil- class my-class  u l- ID my-id.

Hawn huwa eżempju speċifiku ta 'għażla ta' elementi, class, u id fis-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;  
}  

Billi tuża selezzjonijiet element, class, u id, tista 'faċilment tagħżel u tfassal elementi speċifiċi jew gruppi ta' elementi fuq il-paġna web tiegħek.