suchen

Heim >Web-Frontend >CSS-Tutorial >Kann CSS Elemente auswählen, deren Klassennamen mit einer bestimmten Zeichenfolge beginnen?

Kann CSS Elemente auswählen, deren Klassennamen mit einer bestimmten Zeichenfolge beginnen?

DDD
DDDOriginal
2024-11-14 16:05:021005Durchsuche

Can CSS Select Elements with Class Names Starting with a Specific String?

Kann CSS Elemente mit Klassennamen abgleichen, die mit einer bestimmten Zeichenfolge beginnen?

Frage:

Gibt es in CSS eine Möglichkeit, einen „Platzhalter“ zu verwenden, um Elemente mit Klassennamen auszuwählen, die mit einer bestimmten Zeichenfolge beginnen?

Antwort:

Ja, das ist es Mit den folgenden CSS-Selektoren ist es möglich, alle Elemente abzugleichen, deren Klassennamen mit einer bestimmten Zeichenfolge beginnen:

  • [class^='string']: Entspricht Elementen, deren Klassenattribut mit beginnt 'string'.
  • [class*=' string']: Entspricht Elementen, deren Klassenattribut irgendwo 'string' enthält.

Beispiel:

Um alle

Elemente mit Klassennamen, die mit „myclass“ beginnen:

div[class^='myclass'"], div[class*=' myclass'] {
    color: #f00;
}

Im bereitgestellten HTML-Code:

<div class="myclass-one"></div>
<div class="myclass-two"></div>
<div class="myclass-three"></div>

Die bereitgestellten Selektoren stellen sicher, dass alle drei

Bei Elementen ist die Textfarbe auf Rot eingestellt.

Das obige ist der detaillierte Inhalt vonKann CSS Elemente auswählen, deren Klassennamen mit einer bestimmten Zeichenfolge beginnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css html String select using class Attribute
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Warum funktioniert meine CSS-Eigenschaft „top: 50 %“ nicht?Nächster Artikel：Warum funktioniert meine CSS-Eigenschaft „top: 50 %“ nicht?

In Verbindung stehende Artikel

Mehr sehen