CSS :last-child选择器,匹配最后一个元素

:last-child选择器

CSS的伪类选择器:first-child,可以用于获取某一类型的HTML元素集合(被非伪类选择器选择的元素构成的集合)中的该类型的最后一个元素(个人理解,仅供参考)。


:last-child语法

A:last-child{ 样式设置 }

提示:A:last-child语法选择的是A选择器选择的元素集合中的最后一个该类型的元素。


:last-child选择器实例代码,及在线编辑器

<div>
  <p class='e1'>这是第一个p元素</p>
  <p class='e1'>这是第二个p元素</p>
</div>
<style>
  .e1:last-child{color:skyblue;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.