Selectors CSS s'utilitzen per seleccionar el contingut que voleu estilitzar . Els selectors són la part del conjunt de regles CSS. Els selectors CSS seleccionen elements HTML segons el seu identificador, classe, tipus, atribut, etc.

Hi ha diversos tipus de selectors en CSS.

1. Selector d'elements CSS
2. Selector d'identificació CSS
3. Selector de classes CSS
4. Selector universal CSS
5. Selector de grups CSS

1) Selector d'elements CSS

El selector d'elements selecciona l'element HTML pel nom.

np zeros

 p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> 

Sortida:

Aquest estil s'aplicarà a cada paràgraf.

Jo també!

I jo!

2) Selector d'identificació CSS

El selector id selecciona l'atribut id d'un element HTML per seleccionar un element específic. Un identificador sempre és únic dins de la pàgina, de manera que s'escull per seleccionar un element únic i únic.

S'escriu amb el caràcter hash (#), seguit de l'identificador de l'element.

alineació d'imatges en css

Prenguem un exemple amb l'identificador 'para1'.

 #para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> 

Sortida:

Hola Javatpoint.com

Aquest paràgraf no es veurà afectat.

3) Selector de classes CSS

El selector de classe selecciona elements HTML amb un atribut de classe específic. S'utilitza amb un caràcter de punt. (símbol de punt) seguit del nom de la classe.

intercanvi de memòria

Nota: un nom de classe no s'ha de començar amb un número.

Prenguem un exemple amb una classe 'centre'.

 .center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> 

Sortida:

Hola Javatpoint.com

Hola Javatpoint.com (En font més petita)

Aquest és un paràgraf.