CSS-Selektoren werden verwendet , um den Inhalt auszuwählen, den Sie formatieren möchten . Selektoren sind Teil des CSS-Regelsatzes. CSS-Selektoren wählen HTML-Elemente nach ID, Klasse, Typ, Attribut usw. aus.
Es gibt verschiedene Arten von Selektoren in CSS.
- CSS-Elementauswahl
- CSS-ID-Auswahl
- CSS-Klassenauswahl
- CSS-Universalselektor
- CSS-Gruppenauswahl
1) CSS-Elementauswahl
Der Elementselektor wählt das HTML-Element nach Namen aus.
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> Testen Sie es jetzt Ausgabe:
Verbindungen in Java
Dieser Stil wird auf jeden Absatz angewendet.
Ich auch!
Und ich!
2) CSS-ID-Auswahl
Der ID-Selektor wählt das ID-Attribut eines HTML-Elements aus, um ein bestimmtes Element auszuwählen. Eine ID ist innerhalb der Seite immer eindeutig und wird daher ausgewählt, um ein einzelnes, eindeutiges Element auszuwählen.
Es wird mit dem Hash-Zeichen (#) geschrieben, gefolgt von der ID des Elements.
Nehmen wir ein Beispiel mit der ID „para1“.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Testen Sie es jetzt Ausgabe:
Hallo Javatpoint.com
Dieser Absatz bleibt davon unberührt.
3) CSS-Klassenauswahl
Der Klassenselektor wählt HTML-Elemente mit einem bestimmten Klassenattribut aus. Es wird mit einem Punktzeichen verwendet. (Punktzeichen) gefolgt vom Klassennamen.
Hinweis: Ein Klassenname sollte nicht mit einer Zahl beginnen.
Nehmen wir ein Beispiel mit einer Klasse „center“.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Testen Sie es jetzt Ausgabe:
Hallo Javatpoint.com
Hallo Javatpoint.com (In kleinerer Schrift)
Das ist ein Absatz.