Comment supprimer le dernier style d'élément en CSS

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!