CSS3 :last-child 选择器,父元素的最后一个子元素的样式设置

 2022-05-27    612  

CSS3 :last-child 选择器,父元素的最后一个子元素的样式设置

实例

CSS3 :last-child 选择器,父元素的最后一个子元素的样式设置

指定属于其父元素的最后一个子元素的 p 元素的背景色:

p:last-child
{ 
background:#ff0000;
}

定义和用法

:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

提示:p:last-child 等同于 。

例1  p:last-child

这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。

例2 p:nth-last-child(2)

这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。

  •  标签:  

原文链接:https://77isp.com/post/972.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。