Comment styliser le dernier élément avec une classe spécifique en CSS ?

Adressage des règles CSS au dernier élément avec une classe spécifique :

En CSS, la sélection du dernier élément d'un type particulier est simple en utilisant la pseudo-classe :last-of-type. Cependant, l'application de cette pseudo-classe à une classe spécifique n'est pas prise en charge nativement.

Considérez le scénario suivant :

div:last-of-type {
  margin-right: 0;
}

Bien que ce code adresse avec succès le dernier élément div d'un groupe, il ne prend en compte aucune classe appliquée.

Pour obtenir le résultat souhaité, une classe doit être incorporée dans le selector :

div.class:last-of-type {
  margin-right: 0;
}

Malheureusement, cette syntaxe CSS n'est pas reconnue par les navigateurs. La pseudo-classe :last-of-type se limite à sélectionner des éléments en fonction de leur type, et non de leur classe.

Solutions alternatives :

• JavaScript : Implémentez une fonction JavaScript pour identifier et modifier dynamiquement les règles CSS requises en fonction de la classe noms.
• Révision du balisage/CSS : Restructurez votre balisage ou CSS pour contourner cette limitation, en vous assurant que le dernier élément avec la classe spécifiée a un identifiant unique.

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!