Maison > interface Web > tutoriel CSS > Comment puis-je styliser de manière fiable le dernier élément de la liste dans tous les navigateurs ?

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

Patricia Arquette
Libérer: 2024-11-29 07:23:09
original
614 Les gens l'ont consulté

How Can I Reliably Style the Last List Item in All Browsers?

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal