前言

选中最后一个元素,实际使用非常频繁。

解决方案

使用 CSS 提供的选择器,即可完成。

如下代码示例,两种选择器均可实现。

<p>...</p>
p:last-child{ background:#ff0000;
}p:nth-last-child(1){background:#ff0000;
}

p:要选择的元素,可以是 .p / #p 等等。

CSS - 选中最后一个元素(选择器)相关推荐

  1. css 选父元素,CSS中模拟父元素选择器

    很多情况下,我们需要找到父元素,但可惜的是css中并没有这样的一个选择器. 至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章. 简单来说这个实现并不是真正的父元素选择器,只是利用其它思路来 ...

  2. [css] 如果给一个元素设置background-color,它的颜色会填充哪些区域呢?

    [css] 如果给一个元素设置background-color,它的颜色会填充哪些区域呢? 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与 ...

  3. Python攻城师的成长————css语法、伪元素选择器(部分)

    今日学习目标 熟悉并掌握css中各种修改属性的方法. 文章目录 今日学习目标 学习内容 一.伪元素选择器 css操作文本内容 选择器优先级 二.css修改属性 css修改文字属性 css修改字体属性 ...

  4. CSS如何使用伪元素选择器给所有的div里的文本前面添加小写罗马数字编号

    一.需求说明 假设现在我有三个div标签,它们在浏览器里显示的内容如下图所示: 我希望使用CSS给它们全部添加上序号,添加好序号后的样子如下图所示: 可以看到序号是递增的,不是普通的阿拉伯数字,而是小 ...

  5. CSS定义如何计算一个元素的总宽度和总高度

    box-sizing CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度. 在 CSS 盒子模型的默认定义里,你对一个元素所设置的 width  ...

  6. css选择最后一个元素

    如何用css选择器选择某元素下的最后一个子元素?这里我们需要使用css3中的:last-child 选择器 实例 指定属于其父元素的最后一个子元素的 p 元素的背景色: p:last-child{ b ...

  7. html绝对定位到相邻元素中间,css – 在另一个元素的中心下方水平居中绝对定位元素...

    有不同的方法可以做到这一点,但我发现最简单的方法是对abolute定位元素执行以下操作: top: 0; left: 50%; transform: translateX(-50%); 使用此方法,您 ...

  8. html如何调节透明度,CSS 如何设置一个元素的透明度呢?

    摘要: 下文讲述css中设置元素透明度的两种方法分享,如下所示: 在html中,有时我们需对图片,文本设置其透明度,那么到底该如何设置呢?下文讲述使用css脚本设置透明度的方法 方法1:使用opaco ...

  9. html相对于父元素居中,浅谈css中一个元素如何在其父元素居中显示

    css如何垂直居中一个元素的问题已经是一个老生常谈的问题了.不管对于一个新手或者老手,在面试过程中是经常被问到的.前两天在看一个flex的视频教程,当中提到了有关元素的居中问题,所以今天小编就来扒一扒 ...

最新文章

  1. java 读取 excel poi_java poi怎么获取excel单元格的内容?
  2. 存钱吃利息存邮政储蓄好还是农业银行好?
  3. 有了Unicode为啥还需要UTF-8
  4. 查生日代码_让库克亲自送上生日祝福的10后小学生,还在B站教人学编程?
  5. Scratch(四):万圣节南瓜点灯
  6. 软件测试项目案例.pdf,【精选】最经典软件测试案例.pdf
  7. 学会Python开发的第一步:写一个桌面小程序
  8. 广工anyview数据结构第七章(2021.12)
  9. linux无线网卡驱动编写,博通无线网卡驱动linux版
  10. layui实现后台管理系统界面:对示例代码改动几处即可轻松实现(转载)
  11. Android 裸眼3D效果View
  12. 310实验室一点补充
  13. MySql数据库操作详解
  14. JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
  15. 【DeeplabV3+ MIoU】DeeplabV3+计算评价指标
  16. Delphi变成小技巧——直接将excel当做表来显示
  17. JAVA我的世界给op_我的世界OP指令有哪些 OP权限怎么设置
  18. 35岁以上高龄程序员,即将被裁员,该何去何从?
  19. Eureka 注册延迟
  20. Unity3D和罗技方向盘使用方法链接总结

热门文章

  1. 视听技术之耳机麦克风二合一接口录音监听完美设置(smartAudio插口配置方法,解决电脑耳机插孔无反应)
  2. GLC30三期土地利用数据按行政边界下载
  3. Android A4尺寸 canvas,微信小程序canvas尺寸设置
  4. (收藏)漂亮的css button样式汇总
  5. PD3.0详解 第十二章总结
  6. 实用EXECL高级技能之考勤数据合并
  7. linux下wma转换mp3统一音量的方法
  8. LeetCode 391. 完美矩形(扫描线) / 318. 最大单词长度乘积 / 563. 二叉树的坡度
  9. 在视频中实时地显示帧率
  10. Safengine Shielden v2.3.7.0 驱动脱壳