CSS-Selektoren in HTML5

Die Selektoren CSS werden verwendet, um zu identifizieren, welche Elemente HTML ein bestimmter Stil wird darauf platziert, dafür können wir das Etikett verwenden Stil oder ein externes Stylesheet. Stellen wir uns für einen Moment vor, dass wir unserem Dokument einen bestimmten Aspekt verleihen möchten, dafür müssen wir Stile entwickeln, aber um Code nicht zu wiederholen, ist es ideal, die Stile zum Beispiel für die Selektoren zu verwenden, wenn wir wollen alle Links zum Element zu eine bestimmte Farbe haben, würden wir die Stile mit der Auswahl nach Typ verwenden.
Dieser Selektor betrifft alle Elemente des Dokuments, obwohl er der grundlegendste Selektor ist, wird er nicht häufig verwendet, da sein Anwendungsbereich sehr groß ist.
Sehen wir uns ein kleines Beispiel an, wie es funktioniert:

 Beispiel
Ich mag Äpfel und Orangen.

Besuchen Sie die W3C-Website 

Wie wir im Beispiel sehen können, teilen wir dem Stil mit dem universellen Selektor mit, dass alle Elemente einen schwarzen Rand haben werden dünner Feststoff, ergibt sich folgendes Ergebnis:

Wir sehen, dass der Stil auf alle Elemente angewendet wurde, das ist im Moment nicht sehr angenehm anzusehen, aber es funktioniert.
Mit dieser Art der Auswahl können wir alle Elemente eines bestimmten Typs auswählen und einen Stil anwenden, auf diese Weise können wir allgemein sein, ohne so breit zu sein wie mit dem zuvor gesehenen universellen Selektor.
Arbeiten wir mit folgendem Beispiel:

 Beispiel
Ich mag Äpfel und Orangen.
Besuchen Sie die W3C-Website 

Wie wir sehen, verwenden wir den Elementtyp zu Zu dem wir den schwarzen Rand hinzufügen, an dem wir im Tutorial gearbeitet haben, sehen wir uns an, wie er auf dem Bildschirm aussieht:

Das Ergebnis ist etwas besser als das mit dem Universalselektor generierte, da hier nur die Links den schwarzen Rand haben.
Was ist, wenn wir jetzt einen Stil anwenden möchten, jedoch nur auf bestimmte Elemente, unabhängig von ihrem Typ, aber wir können ihn nicht auf das gesamte Dokument anwenden, dafür können wir den Selektor nach Klassen verwenden, mit dem Selektor nach Klasse können wir ein wenig erreichen mehr Ausschluss beim Anwenden eines Stils.
Sehen wir uns den Code an:

 Beispiel Besuchen Sie die Website
Ich mag Äpfel und Orangen.

Besuchen Sie die W3C-Website 

In diesem Fall haben wir uns entschieden, den Stil auf alle Elemente der Klasse anzuwenden Klasse 2 Wir können im Code ein Element sehen, das zwei Klassen hat, aber die von uns angegebene Klasse nimmt auch den Stil an. Damit schließen wir dieses Tutorial zu Selektoren ab. Wir empfehlen, weiter zu üben und das Gelernte zu kombinieren, damit wir das Erscheinungsbild unserer Sites bereichern und ihre Usability-Standards auf die effektivste und einfachste Weise erhöhen können.