SELETTORI Lezione HTML/CSS (8)

Selettori CSS

I selettori sono degli elementi a cui si possono attribuire uno o più elementi in modo da rendere più semplice la modifica di determinati parametri.

Selezione ID

html file
 <ul> 
    <li> ciao a tutti </li>
    <li ciao a nessuno </li>
    <li id = "rosso”> ciao ad ulisse </li>
 </ul> 

L'id si utilizza per identificare ogni singolo elemento insieme ad una parola che identifica il file css.

css file 
#rosso{
   color: red;
} 

Selezione class

 html  
 <div>
    <p class = "classe”> ciao a tutti </p> 
    <p> sto zavagliando </p>
 </div>

class si utilizza per identificare una classe di elementi a cui possiamo attribuire una o più caratteristiche univoche, ovviamente come per l'id bisogna dare anche un nome ad ogni classe che si crea.

 css
 .classe{ 
 color: yellow:
 }  

• si riferisce alla classe

# si riferisce agli id

* si riferisce a tutti gli elementi

link utili: W3Schools