Wie ziele ich auf Elemente mit IDs ab, die bestimmten Text in CSS enthalten?

CSS-Selektor zum Targeting von Elementen mit IDs, die bestimmten Text enthalten

Sie haben Elemente mit IDs wie den folgenden:

<code class="html"><a> element with id = someGenerated Some:Same:0:name</a>
<a> element with id = someGenerated Some:Same:0:surname</a>
<a> element with id = someGenerated Some:Same:1:name</a>
<a> element with id = someGenerated Some:Same:1:surname</a></code>

Sie benötigen einen CSS-Selektor, um die Elemente abzurufen, deren IDs „name“ enthalten. Die alleinige Verwendung von a[id*='Some:Same'] würde alle Elemente zurückgeben, was nicht das ist, was Sie wollen.

Verwenden Sie stattdessen den folgenden Selektor:

<code class="css">a[id*='Some:Same'][id$='name']</code>

Dieser Selektor kombiniert die Teilzeichenfolgen- und Endübereinstimmungen. Es werden alle Elemente ausgewählt, deren IDs „Some:Same“ enthalten und auf „name“ enden. Dadurch werden die gewünschten Elemente genau isoliert.

Das obige ist der detaillierte Inhalt vonWie ziele ich auf Elemente mit IDs ab, die bestimmten Text in CSS enthalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!