gtxyzz

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

gtxyzz web技术 2022-07-06 552浏览 0

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

实例

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

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

定义和用法

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

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

例1  p:last-child

这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。

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

这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。

继续浏览有关 css 的文章
发表评论