recherche

Maison >interface Web >tutoriel CSS >CSS peut-il sélectionner des éléments dont les noms de classe commencent par une chaîne spécifique ?

CSS peut-il sélectionner des éléments dont les noms de classe commencent par une chaîne spécifique ?

DDD
DDDoriginal
2024-11-14 16:05:021058parcourir

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

Le CSS peut-il faire correspondre des éléments avec des noms de classe commençant par une chaîne spécifique

Question :

En CSS, existe-t-il un moyen d'utiliser un "caractère générique" pour sélectionner des éléments dont les noms de classe commencent par une chaîne particulière ?

Réponse :

Oui, c'est le cas possible de faire correspondre tous les éléments dont les noms de classe commencent par une chaîne spécifique à l'aide des sélecteurs CSS suivants :

  • [class^='string'] : Correspond aux éléments dont l'attribut de classe commence par 'string'.
  • [class*=' string'] : Correspond aux éléments dont l'attribut de classe contient 'string' n'importe où.

Exemple :

Pour sélectionner et styliser tous les

éléments dont les noms de classe commencent par "myclass" :

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

Dans le code HTML fourni :

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

Les sélecteurs fournis garantiront que les trois éléments

les éléments ont leur couleur de texte définie sur rouge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

css html String select using class Attribute
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Pourquoi ma propriété CSS « top : 50 % » ne fonctionne-t-elle pas ?Article suivant：Pourquoi ma propriété CSS « top : 50 % » ne fonctionne-t-elle pas ?

Articles Liés

Voir plus