如何从最后一个开始挑选第二个元素?

时间:2016-09-12 23:00:46

标签: html css css3 css-selectors pseudo-class

enter image description here

我有两个元素,它们有相同的类,我想从最后一个元素开始选择第二个元素。 (我希望图像告诉你一切)

我试过nth-child,但我的两个元素有相同的类,这就是为什么我不能用nth-child做任何想法?

1 个答案:

答案 0 :(得分:4)

您可以使用nth-last-child(2)nth-last-of-type(2),这将选择第二个最后一项。



li {
  display: inline-block
}
li:nth-last-child(2) {
  color: red
}

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>
<hr />
<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>
&#13;
&#13;
&#13;