Was sind die gängigen Grundselektoren?

Zu den allgemeinen Grundselektoren gehören „Elementselektor“, „Klassenselektor“, „ID-Selektor“, „Attributselektor“ und „Pseudoklassenselektor“: 1. Elementselektor, Auswahl nach Elementname. 2. Klassenselektor, wählt aus 3. ID-Selektor, wählt Elemente nach der eindeutigen Identifikations-ID des Elements aus. 4. Attribut-Selektor, wählt Elemente nach dem Attributwert des Elements aus. 5. Pseudo-Klassen-Selektor wählt Elemente basierend auf ihrem Status oder ihrer Position aus.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

Zu den gängigen Grundselektoren gehören:

1. Elementselektor: Wählen Sie Elemente nach Elementnamen aus.

p {
  color: blue;
}

Im obigen Beispiel werden alle

-Elemente ausgewählt und die Textfarbe auf Blau gesetzt.

2. Klassenauswahl: Wählen Sie Elemente nach Klassennamen aus.

.myClass {
  font-weight: bold;
}

Im obigen Beispiel werden alle Elemente mit class="myClass" ausgewählt und die Schriftart ist fett.

3. ID-Selektor: Wählen Sie Elemente anhand ihrer eindeutigen ID aus.

#myElement {
  background-color: yellow;
}

Im obigen Beispiel wird das Element mit der ID="myElement" ausgewählt und die Hintergrundfarbe auf Gelb gesetzt.

4. Attributauswahl: Wählen Sie Elemente anhand ihrer Attributwerte aus.

input[type="text"] {
  border: 1px solid gray;
}

Im obigen Beispiel werden alle -Elemente ausgewählt, deren Typattributwert „text“ ist, und der Rahmenstil wird festgelegt.

5. Pseudoklassenselektor: Wählen Sie Elemente nach ihrem Status oder ihrer Position aus.

a:hover {
  color: red;
}

Wenn sich die Maus im obigen Beispiel über dem -Element befindet, ändert sich die Textfarbe in Rot.