So entfernen Sie den Stil des letzten Elements in CSS: 1. Verwenden Sie die ID- oder Klassenauswahl, um das letzte Element als Standardstil festzulegen. 2. Verwenden Sie die Pseudoklasse „:last-child“, um das letzte Element automatisch anzupassen Stellen Sie es einfach auf den Standardstil mit der Syntax „Elementname: Last-Child {Attribut: Standardwert}“ ein.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Viele Menschen sind möglicherweise auf diese Situation gestoßen:
<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>Bei der tatsächlichen Verwendung muss der letzte Rand entfernt werden.
Hier stellen wir zwei Methoden vor:
1. Fügen Sie dem letzten Li einen Stil hinzu
.b-none{border:none}2. Verwenden Sie die CSS-Pseudoklasse: last-child, um das letzte Element automatisch anzupassen und den entsprechenden Stil auszuführen.
.test li:last-child{border:none}Die zweite Pseudoklassenmethode weist Kompatibilitätsprobleme unter IE auf. Wenn Kompatibilitätsprobleme nicht berücksichtigt werden, ist sie eine gute Wahl.
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo entfernen Sie den letzten Elementstil in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
