Comment supprimer le style du dernier élément en CSS : 1. Utilisez le sélecteur d'identifiant ou de classe pour définir le dernier élément comme style par défaut ; 2. Utilisez la pseudo-classe ":last-child" pour faire correspondre automatiquement ; le dernier élément Pour un élément, définissez-le simplement comme style par défaut, la syntaxe est "nom de l'élément : dernier-enfant {attribut : valeur par défaut}".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
De nombreuses personnes ont peut-être rencontré cette situation :
<style> .test li{ float:left; border-right:1px solid #ccc; width:100px; height:100px; } </stly> <ul class="test"> <li></li> <li></li> <li></li> </ul>
De cette façon, trois bordures droites apparaîtront. Dans l'application réelle, la dernière bordure doit être supprimée.
Voici deux méthodes :
1 Ajoutez un style au dernier li
.b-none{border:none}
2. Utilisez la pseudo classe CSS : last. -child, pour faire correspondre automatiquement le dernier élément et exécuter le style correspondant.
.test li:last-child{border:none}
La deuxième méthode de pseudo-classe présente des problèmes de compatibilité sous IE. Si les problèmes de compatibilité ne sont pas pris en compte, allez à est un bon choix. .
Apprentissage recommandé : Tutoriel vidéo CSS
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!