当前位置: 首页 > 面试题库 >

使用CSS选择倒数第二个元素

公良运锋
2023-03-14
问题内容

我已经知道:last-child。但是有没有一种方法可以选择div:

<div id="container">
 <div>a</div>
 <div>b</div>
 <div>SELECT THIS</div> <!-- THIS -->
 <div>c</div>
</div>

注意:没有jQuery,只有CSS


问题答案:

在CSS3中,您可以:

:nth-last-child(2)

倒数第二个 浏览器支持:

  • Chrome 2
  • Firefox 3.5
  • Opera 9.5、10
  • Safari 3.1、4
  • Internet Explorer 9


 类似资料:
  • 本文向大家介绍Jsoup 使用CSS选择器选择元素,包括了Jsoup 使用CSS选择器选择元素的使用技巧和注意事项,需要的朋友参考一下 示例 您可以在此处找到支持的选择器的详细概述。

  • 问题内容: 我试图在ID或类’B’的元素中选择类’A’的第一个元素。我尝试了> +和第一个子选择器的组合,因为它不是类元素’B’中的第一个元素。它起作用了,但是…我试图覆盖一些默认的CSS,并且我无法控制服务器端,似乎类’A’元素有时在不同的位置生成。这是一个例子: 有时,“ B”类的名称有所不同,“ A”之前的元素也有所不同。那么,有什么方法可以选择元素“ C”中首次出现的“ A”吗?因为“ C

  • 问题内容: 我有一堆带有类名的元素,但是我似乎无法使用以下CSS规则选择第一个元素: 该选择器有什么问题,我该如何纠正? 多亏了这些评论,我才知道该元素必须是其父元素的第一个子元素才能被选中,而事实并非如此。我具有以下结构,并且该规则失败,如注释中所述: 我该如何针对上课的第一个孩子? 问题答案: 这是作者误解工作方式的最著名例子之一。在CSS2介绍,该伪类表示其父的第一个孩子。而已。有一个非常普

  • 本文向大家介绍选择每个 元素,它是其父元素的第二个 元素,从最后一个子元素开始计数,包括了选择每个 元素,它是其父元素的第二个 元素,从最后一个子元素开始计数的使用技巧和注意事项,需要的朋友参考一下 使用CSS:nth-last-of-type(n)选择器选择每个<p>元素,它是其父元素的第二个<p>元素,从最后一个子元素开始计数。 示例 您可以尝试运行以下代码来实现:nth-last-of-ty

  • 问题内容: 我有两个选择: 如果我首先选择“水果”,该如何使用jQuery?第二个选择仅向我显示水果- 香蕉,苹果,橙子。如果我在第一个选择中选择“鸟”,则第二个选择仅显示“鸟”-老鹰,鹰。等等… 我试图用这段jQuery代码来做到这一点: 不幸的是,它几乎删除了所有内容,而且我不知道如何恢复一些选择。我也阅读了一些有关克隆的内容,但是在这种情况下我不知道如何使用它。 问题答案: $(“#sele

  • 问题内容: 如何使用选择器在CSS中选择元素的上述元素 在这里,我想使用class ,以便可以使用CSS选择器获取上述元素。 问题答案: 纯CSS不可能做到这一点…