logo

CSS-väljare

CSS-väljare används för att välja innehållet som du vill styla . Väljare är en del av CSS-regeluppsättningen. CSS-väljare väljer HTML-element enligt dess id, klass, typ, attribut etc.

Det finns flera olika typer av väljare i CSS.

  1. CSS-elementväljare
  2. CSS-id-väljare
  3. CSS-klassväljare
  4. CSS Universal Selector
  5. CSS-gruppväljare

1) CSS-elementväljare

Elementväljaren väljer HTML-elementet efter namn.

 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> 
Testa det nu

Produktion:

Denna stil kommer att tillämpas på varje stycke.

hur man hittar bildskärmsstorlek

Jag med!

Och jag!


2) CSS-ID-väljare

Id-väljaren väljer id-attributet för ett HTML-element för att välja ett specifikt element. Ett id är alltid unikt på sidan så det är valt att välja ett enda unikt element.

Det skrivs med hash-tecknet (#), följt av elementets id.

hur mycket väger kat timpf

Låt oss ta ett exempel med id 'para1'.

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

Produktion:

Hej Javatpoint.com

Denna paragraf kommer inte att påverkas.


3) CSS-klassväljare

Klassväljaren väljer HTML-element med ett specifikt klassattribut. Den används med ett punkttecken. (punktsymbol) följt av klassnamnet.

Obs! Ett klassnamn ska inte startas med ett nummer.

Låt oss ta ett exempel med en klass 'center'.

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

Produktion:

Hej Javatpoint.com

Hej Javatpoint.com (i mindre typsnitt)

Detta är ett stycke.