css选择最后一个元素

如何用css选择器选择某元素下的最后一个子元素？这里我们需要使用css3中的:last-child 选择器

实例

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

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

或者

p:nth-last-child(1){background:#ff0000;
}

提示：p:last-child 等同于 p:nth-last-child(1)。

效果如下：

浏览器支持

所有主流浏览器均支持 :last-child 选择器，除了 IE8 及更早的版本。

css选择最后一个元素相关推荐

[css] 如果给一个元素设置background-color,它的颜色会填充哪些区域呢？
[css] 如果给一个元素设置background-color,它的颜色会填充哪些区域呢? 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与 ...
CSS - 选中最后一个元素（选择器）
前言选中最后一个元素,实际使用非常频繁. 解决方案使用 CSS 提供的选择器,即可完成. 如下代码示例,两种选择器均可实现. <p>...</p> p:last-child ...
CSS定义如何计算一个元素的总宽度和总高度
box-sizing CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度. 在 CSS 盒子模型的默认定义里,你对一个元素所设置的 width ...
html绝对定位到相邻元素中间,css – 在另一个元素的中心下方水平居中绝对定位元素...
有不同的方法可以做到这一点,但我发现最简单的方法是对abolute定位元素执行以下操作: top: 0; left: 50%; transform: translateX(-50%); 使用此方法,您 ...
html如何调节透明度,CSS 如何设置一个元素的透明度呢？
摘要: 下文讲述css中设置元素透明度的两种方法分享,如下所示: 在html中,有时我们需对图片,文本设置其透明度,那么到底该如何设置呢?下文讲述使用css脚本设置透明度的方法方法1:使用opaco ...
html相对于父元素居中,浅谈css中一个元素如何在其父元素居中显示
css如何垂直居中一个元素的问题已经是一个老生常谈的问题了.不管对于一个新手或者老手,在面试过程中是经常被问到的.前两天在看一个flex的视频教程,当中提到了有关元素的居中问题,所以今天小编就来扒一扒 ...
css如何选择相同class下的第一个class元素和最后一个元素?
如图,如果像选择类名为 class="exerciseInfo" 中的第一个和最后一个div,做法如下: 选择第一个类名: .exerciseInfo: nth-of-type ...
html鼠标悬停出现新元素,CSS：我如何将鼠标悬停在一个元素上，并显示另一个元素？...
我有一个导航面板,当您将鼠标悬停在灯具上时,它会显示从主导航面板下拉的面板中的前5个灯具.CSS:我如何将鼠标悬停在一个元素上,并显示另一个元素? 我试图实现这个使用CSS与:hover. 这是:h ...
css 获取第一个a标签,CSS-伪类获取除第一个之外的其他子元素
若实现效果如下,css伪类可以把握的死死的↓↓↓ 举个栗子: 1 2 3 方法一: :not(selector) 选择器匹配非指定元素/选择器的每个元素. :first-child 选择器用于选取属于 ...

css选择最后一个元素

实例

浏览器支持

css选择最后一个元素相关推荐

最新文章

热门文章