css - 有没有办法用 CSS 选择列表的最后一项?

标签 css css-selectors

假设我有一个列表如下:

  • 第 1 项
  • 元素2
  • 第 3 项

是否有 CSS 选择器可以让我直接选择列表的最后一项?在本例中为第 3 项。

干杯!

最佳答案

我不知道。传统的解决方案是用 class="first"和 class="last"标记第一个和最后一个元素,以便您可以识别它们。

CSS 伪类 first-child将为您提供第一项,但并非所有浏览器都支持它。 CSS3 将有 last-child too (目前 Firefox、Safari 支持,但 IE 6/7/beta 8 不支持)

关于css - 有没有办法用 CSS 选择列表的最后一项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51156/

相关文章:

html - 使表比容器宽

html - CSS 媒体查询不改变元素?

html - 表格 float 和文本框问题

html - Foundation vertical (Split Layout) Off-Canvas 覆盖整个屏幕且仅在移动屏幕上

css - 选择列表中的第 6 个元素,从第 8 个元素开始

css - ">"(大于号)CSS 选择器是什么意思?

html - <p> 标签 id 样式不受尊重

html - 使用第 nth-child 为所有行放置边框间距,第一行和最后一行

CSS :not selector doesn't work

java - 如何找到具有 2 个状态 : clear and class ="error" 的占位符