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.
- CSS-elementväljare
- CSS-id-väljare
- CSS-klassväljare
- CSS Universal Selector
- 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.