当有两个UL时,CSS以最终UL为目标

时间:2016-09-14 13:30:18

标签: css css3 css-selectors

我看过这个SO post

我在 2 ul s时尝试定位最后一个UL,这意味着如果有第3个ul它将不适用。

我试过了:

ul:last-child:nth-last-child(2){

HTML:

<ul>
    ....
</ul>
 <ul>
    ....
</ul>

但没有运气,我哪里出错?

2 个答案:

答案 0 :(得分:3)

使用最后一个孩子和第二个孩子的组合:

MotionEvent

答案 1 :(得分:2)

  

UL

时,我试图定位最后一个2 ULs.

如果您想定位,则ul使用last-of-typelast-child

您不要求超过2 ul

&#13;
&#13;
ul:last-of-type {
  background: red
}
&#13;
<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>
<hr />
<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>
&#13;
&#13;
&#13;