CSS-kiezers worden gebruikt om de inhoud te selecteren die u wilt stylen . Selectors maken deel uit van de CSS-regelset. CSS-selectors selecteren HTML-elementen op basis van de id, klasse, type, attribuut enz.
sql-gegevenstypen
Er zijn verschillende soorten selectors in CSS.
- CSS-elementkiezer
- CSS-ID-kiezer
- CSS-klassekiezer
- CSS Universele Selector
- CSS-groepkiezer
1) CSS-elementkiezer
De elementkiezer selecteert het HTML-element op naam.
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 het nu
Uitgang:
Deze stijl wordt op elke paragraaf toegepast.
Ik ook!
En ik!
2) CSS-ID-kiezer
De id-selector selecteert het id-attribuut van een HTML-element om een specifiek element te selecteren. Een id is altijd uniek binnen de pagina, daarom wordt ervoor gekozen om één uniek element te selecteren.
Het is geschreven met het hash-teken (#), gevolgd door de id van het element.
Kruskal-algoritme
Laten we een voorbeeld nemen met de id 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p>Test het nu
Uitgang:
Hallo Javatpoint.com
Deze paragraaf wordt niet beïnvloed.
3) CSS-klassekiezer
De klassenkiezer selecteert HTML-elementen met een specifiek klassenattribuut. Het wordt gebruikt met een puntteken. (puntsymbool) gevolgd door de klassenaam.
Opmerking: een klassenaam mag niet beginnen met een nummer.
Laten we een voorbeeld nemen met een klasse 'centrum'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p>Test het nu
Uitgang:
Hallo Javatpoint.com
Hallo Javatpoint.com (in kleiner lettertype)
Dit is een paragraaf.