Wie ziele ich mit CSS auf Elemente mit IDs ab, die „Some:Same“ enthalten und mit „name“ enden?

CSS-Selektor für Elemente mit IDs, die bestimmten Text enthalten

Problem:

Berücksichtigen Sie HTML-Elemente mit IDs im Format „ someGenerated Some:Same:0:name“ oder „someGenerated Some:Same:0:surname“. Wie können wir CSS verwenden, um nur die Elemente auszuwählen, deren IDs „Some:Same“ enthalten und mit „name“ enden?

Lösung:

Verwendung des folgenden CSS-Selektors erreicht dies:

a[id*='Some:Same'][id$='name']

Erklärung:

• a[id*='Some:Same']: Wählt alle a-Elemente aus, deren IDs die Zeichenfolge enthalten „Einige: Gleich.“ Die Sternchen (*) werden als Platzhalter verwendet und erlauben alle Zeichen vor oder nach „Some:Same“.
• [id$='name']: Wählt alle Elemente aus, deren IDs mit „name“ enden. Das Dollarzeichen ($) wird als Platzhalter am Ende der Zeichenfolge verwendet.

Durch die Kombination dieser Selektoren können wir die spezifischen a-Elemente mit IDs isolieren, die „Some:Same“ enthalten und mit enden „Name.“

Das obige ist der detaillierte Inhalt vonWie ziele ich mit CSS auf Elemente mit IDs ab, die „Some:Same“ enthalten und mit „name“ enden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!