logo

CSS-kiezer

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.

  1. CSS-elementkiezer
  2. CSS-ID-kiezer
  3. CSS-klassekiezer
  4. CSS Universele Selector
  5. 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.