Comment puis-je cibler tous les enfants sauf le dernier en CSS ?

Exclure le dernier enfant de la sélection CSS

Lors de la sélection d'éléments en CSS, le sélecteur de nième enfant permet un ciblage précis en fonction de leur position dans un élément parent. Pour sélectionner le dernier enfant, vous utilisez div:nth-last-child(1). Cependant, que se passe-t-il si vous souhaitez exclure le dernier enfant ?

Solution : nier la pseudo-classe du dernier enfant

CSS3 introduit la pseudo-classe de négation :not( ), qui vous permet d'exclure les éléments correspondant à un critère spécifique. Pour sélectionner tous les enfants sauf le dernier, utilisez le sélecteur :

:not(:last-child)

Cette pseudo-classe est évaluée comme vraie pour tout élément qui n'est pas le dernier enfant de son parent. Vous pouvez ensuite styliser ces éléments en conséquence :

:not(:last-child) {
  /* styles */
}

Note de compatibilité

Il est important de noter que la pseudo-classe :not() n'est pas prise en charge dans Internet Explorer 8 ou moins. Si vous devez prendre en charge ces navigateurs, vous devrez peut-être utiliser des sélecteurs plus détaillés, tels que nth-child(n) où n est n'importe quel nombre sauf 0.

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!