Wie wählt man Elemente in CSS aus, wenn man nur einen Teil ihrer ID kennt?

Auswählen von Elementen in CSS anhand des Teil-ID-Werts

In der Webentwicklung ist es erforderlich, Elemente mit bestimmten Bezeichnern für Stil- oder Manipulationszwecke auszuwählen . Was aber, wenn Sie nur einen Teil der ID des Elements kennen?

Die Herausforderung:

Stellen Sie sich ein Szenario vor, in dem Sie Elemente dynamisch mit PHP generieren lassen und eindeutige IDs zuweisen die ein Präfix enthalten:

<code class="html"><div class="1" id="as_1">...</div>
<div class="2" id="bs_1">...</div>

<div class="1" id="as_2">...</div>
<div class="2" id="bs_2">...</div></code>

Sie müssen diese Elemente einzeln auswählen, ohne die gesamte ID zu kennen.

Einschränkungen von ID-Selektoren:

• ID-Selektoren erfordern eine genaue Übereinstimmung, um ein Element auszuwählen.

• Versuchte Verwendung:

  <code class="css">#as_{ ... }
  #bs_{ ... }</code>

  Alternative Lösung: Substring-Attributselektoren:

ID-Selektoren sind für dieses Szenario nicht geeignet, aber Substring-Attributselektoren können verwendet werden:

<code class="css">div[id^="as_"]
div[id^="bs_"]</code>

• [id^="as_"] wählt alle Elemente aus deren ID mit „as_“ beginnt.
• [id^="bs_"] wählt alle Elemente aus, deren ID mit „bs_“ beginnt.

Zusätzlicher Vorschlag:

Wenn Ihre Elemente bereits über Klassenattribute verfügen, sollten Sie erwägen, jeder Gruppe eine gemeinsame Klasse zuzuweisen und stattdessen nach dieser Klasse auszuwählen. Dies vereinfacht den Prozess und stellt sicher, dass die Auswahl unabhängig von der in PHP verwendeten ID-Generierungsmethode ist.

Das obige ist der detaillierte Inhalt vonWie wählt man Elemente in CSS aus, wenn man nur einen Teil ihrer ID kennt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!