:last-child伪类选择器的用法

分类:知识百科 日期: 点击:0

:last-child伪类选择器

:last-child伪类选择器是CSS中比较常用的一种伪类选择器,它的作用是选择父元素的一个子元素。它可以接受任何元素作为父元素,只要这个父元素有子元素,就可以使用:last-child伪类选择器来选择一个子元素。

/* 下面的代码将选择一个 li 元素 */
ul li:last-child {
  color: red;
}

除了可以选择父元素的一个子元素,:last-child伪类选择器还可以选择一个元素的子元素,如下所示:

/* 下面的代码将选择一个 div 元素的一个子元素 */
div:last-child p:last-child {
  color: red;
}

:last-child伪类选择器还可以选择任何给定元素的一个子元素,如下所示:

/* 下面的代码将选择任何 div 元素的一个子元素 */
div:last-child {
  color: red;
}

以上就是,它可以用来选择父元素的一个子元素,也可以用来选择一个元素的子元素,甚至可以用来选择任何给定元素的一个子元素。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。