Comment puis-je styliser de manière fiable le dernier élément de la liste dans tous les navigateurs ?

Utilisation du sélecteur de dernier enfant

Lorsque l'on tente de cibler l'élément li final dans un ul spécifique, on peut naturellement envisager d'utiliser le : sélecteur du dernier enfant. Cependant, il est important de noter que cette pseudo-classe a une prise en charge limitée par les navigateurs, en particulier dans les anciennes versions d'Internet Explorer et de Safari.

Dans de tels cas, une alternative fiable consiste à désigner explicitement le dernier li à l'aide d'un nom dédié. classe, comme le dernier enfant. Cela vous permet de le cibler spécifiquement avec CSS :

li.last-child {
    border-bottom: 1px solid #b5b5b5;
}

Cette approche garantit la compatibilité entre navigateurs et met en évidence efficacement le dernier li, comme prévu.

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!