So wählen Sie ein Element in CSS aus, wenn wir seine Klasse oder seinen Bezeichner nicht kennen

Hallo Leute. Wie geht es euch?

In diesem Video werden wir sehen, wie wir den Stil, das Design eines beliebigen Formulars oder eines anderen Elements unserer Webseite ändern können, wenn wir keinen Bezeichner und keine Klasse haben.

Wir werden sehen, wie man es per CSS macht, wenn uns diese Elemente, die Klasse oder der Bezeichner fehlen.

Es ist etwas, das mich ein Student gefragt hat, und wir werden sehen, wie es gemacht werden könnte, es scheint mir sehr interessant zu sein, und deshalb wollte ich Ihnen zeigen, dass es auf sehr einfache Weise gemacht wird, auch um es zu tun Wir werden die Hilfe verwenden und in diesem Fall werden wir sehen, dass wir abgesehen von den Bezeichnern und den Klassen Aufrufe über die Attribute machen können.

Dank dessen können wir es also tun, haben Sie keine Angst vor allem, was Sie hier sehen, denn wir werden es auf sehr einfache Weise tun, in diesem Fall werde ich dieses Tag ändern, im Namensschild, aber ich tue es Ich möchte nicht, dass das E-Mail-Tag geändert wird. Wenn ich also mit der rechten Maustaste klicke, inspiziere, kann ich den Quellcode in Chrome sehen.

Wenn Sie in diesem Fall feststellen, dass dieses Label eine Klasse hat, aber ich werde es nicht verwenden, stellen Sie sich vor, dass es diese Klasse nicht hatte, es ist tatsächlich sehr einfach, wenn ich es ausgewählt habe und hier auf mehr klicke wird bereits eine Regel mit der geschriebenen Klasse generieren, aber in diesem Fall werde ich die Klasse löschen, weil ich mir vorstellen werde, dass sie nicht existiert hat, also dank des Attributs, in diesem Fall FOR, das das Attribut ist, das wir haben hier.

Wenn wir erkennen, dass das Attribut den Wert input_2_8 hat, sehen wir, wenn ich zum Beispiel das E-Mail-Tag auswähle, dass es input_2_2 ist, d. h. jedes dieser Tags hat einen anderen Wert, sodass ich eines ändern kann und nicht den Rest.

Wie gesagt, ich werde im Namensschild auswählen und wir werden eine Regel erstellen, ich werde diese Klasse nicht verwenden und was ich hier tun werde, ist Folgendes: Ich öffne eckige Klammern, schließe eckige Klammern und hier in der Mitte füge ich hinzu, dass ich, wenn das Attribut for gleich ist, Anführungszeichen öffne und schließe, obwohl es auch funktionieren würde, wenn ich es nicht täte, und ich sage, dass es gleich ist input_2_8 , ich werde ihm sagen, dass ich will die Farbe gleich rot sein, also rot.

Beachten Sie also, dass nur dieses Etikett geändert wurde, der Rest bleibt gleich.

Ich war in der Lage, das Label hier zu verwenden, aber durch die Verwendung der Attribute konnten wir dies ändern, und es ist auch sehr interessant, denn wenn wir es hier in der Hilfe herausfinden, kann etwas getan werden, das noch nützlicher sein kann.

Ich kann mir vorstellen, dass ich nur möchte, dass die Farbe geändert oder ein Symbol eingefügt wird, beispielsweise wenn es sich um einen Link zu einem PDF handelt oder wenn es beispielsweise eine bestimmte URL hat, wie Sie hier sehen können, damit wir dies tun können, um eine davon zu ändern die Attribute in diesem Fall Ich werde diese Regel anwenden und Sie werden sehen, wie sie funktioniert.

Wenn ich hierher zu meiner Seite komme, sehen wir, dass ich einen Link habe, in diesem Fall habe ich den Link, der hier ist, und wie Sie sehen können, habe ich keine Klasse, keine Kennung, für diesen Link, wie könnte ich ihn ändern, gut beachten Wenn ich so klicke In diesem Fall, wenn ich nur eine Regel für alle Links aufstelle, würden alle geändert werden, aber ich möchte nicht, dass alle geändert werden, ich möchte zum Beispiel nur die Links, die haben , in dem Link als Erstellen einer Seite geschrieben.

Was ich hier zum Beispiel tun kann, ist eckige Klammern zu öffnen und zu schließen.Ich schließe sie gerne am Anfang, damit ich sie nicht vergesse, und ich bitte darum, dass ich, wenn das href-Attribut vorhanden ist, ein setze Sternchen darauf, wie wir in der Hilfe gesehen haben, für alles, was hier in der Mitte steht und ich werde Ihnen das sagen, ich schreibe offene Klammern und schließe es. Ich setze href Sternchen, das gleiche Ich öffne und schließe Anführungszeichen und hier bin ich Ich werde zum Beispiel sagen, dass es geschrieben werden könnte, wie man eine Seite erstellt, und hier werde ich sagen, dass ich zum Beispiel möchte, dass die Farbe auch rot ist, und Sie sehen, dass sie sich geändert hat.

Wenn ich Ihnen hier sage, dass Sie die Links ändern sollen, wenn der Link lautet, wie man eine Seite erstellt, habe ich hier etwas anderes eingefügt, Sie werden sehen, dass es sich nicht ändert, weil stattdessen etwas anderes nicht dort steht, wenn ich hier für schreibe Beispiel einfach, wie man eine Seite macht, das ist es, um zu funktionieren.

Wir können also spezifisch sein, damit es keine Fälle mehr gibt, aber wir können sehen, dass wir nicht immer eine Klasse oder einen Bezeichner brauchen, um Dinge per CSS ändern zu können.

Es scheint mir, dass es uns aus vielen Schwierigkeiten herausholen kann, deshalb bringe ich Ihnen dieses Tutorial, ich hoffe es hat Ihnen gefallen, bis zum nächsten Mal 😉