CSS-velgere er brukt for å velge innholdet du vil style . Velgere er en del av CSS-regelsettet. CSS-velgere velger HTML-elementer i henhold til id, klasse, type, attributt osv.
Det finnes flere forskjellige typer velgere i CSS.
- CSS-elementvelger
- CSS ID-velger
- CSS-klassevelger
- CSS Universal Selector
- CSS-gruppevelger
1) CSS-elementvelger
Elementvelgeren velger HTML-elementet etter navn.
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> Test det nå Produksjon:
Denne stilen vil bli brukt på hvert avsnitt.
Jeg også!
Og meg!
2) CSS ID-velger
ID-velgeren velger id-attributtet til et HTML-element for å velge et spesifikt element. En id er alltid unik på siden, så det er valgt å velge et enkelt, unikt element.
Det skrives med hash-tegnet (#), etterfulgt av id-en til elementet.
La oss ta et eksempel med id 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Test det nå Produksjon:
Hei Javatpoint.com
Denne paragrafen vil ikke bli berørt.
3) CSS-klassevelger
Klassevelgeren velger HTML-elementer med et spesifikt klasseattributt. Den brukes med et punktum. (punktsymbol) etterfulgt av klassenavnet.
Merk: Et klassenavn skal ikke startes med et tall.
La oss ta et eksempel med et klassesenter.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Test det nå Produksjon:
Hei Javatpoint.com
Hei Javatpoint.com (i mindre skrift)
Dette er et avsnitt.