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.
- Selector d'elements CSS
- Selector d'identificació CSS
- Selector de classes CSS
- Selector universal CSS
- 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> Prova-ho ara 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> Prova-ho ara 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> Prova-ho ara Sortida:
Hola Javatpoint.com
Hola Javatpoint.com (En font més petita)
Aquest és un paràgraf.