Pourquoi « p.visible:last-of-type » ne cible-t-il pas le dernier élément de paragraphe visible ?

:comportement du sélecteur last-of-type

La pseudo-classe :last-of-type cible le dernier élément d'un type spécifié dans un conteneur parent. Cependant, dans le contexte de votre sélecteur CSS (p.visible:last-of-type), il est important de noter que :last-of-type s'applique uniquement aux types d'éléments et non aux instances de classe.

Dans votre Balisage HTML :

<code class="html"><div>
  <p class="visible">This should be hidden</p>
  <p class="visible">This should be displayed</p>
  <p>This should be hidden</p>
</div></code>

Le problème se pose car :last-of-type cible le dernier

élément, qui dans ce cas n’a pas la classe .visible. Par conséquent, aucun de vos

les éléments sont visibles.

Solution

Pour cibler le dernier

élément avec la classe .visible, vous devez utiliser JavaScript, car il n'y a pas de sélecteur CSS intégré à cet effet spécifique.

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!