CSS to target last UL when there is two ULs

Question

Ive looked at this SO post.

I'm trying to target the last UL when there is only 2 uls, meaning if there is a 3rd ul it will not apply.

I've tried:

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

HTML:

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

But no luck, where am I going wrong?

You've got them muddled up. The accepted answer to that question pairs :first-child with :nth-last-child(). You're pairing two "last child"s together. — BoltClock, Sep 14 '16 at 13:39
@BoltClock I'm guessing we have another misleading question once again — dippas, Sep 14 '16 at 13:40
@dippas: Yeah, it is kinda ambiguous. The asker never stated outright if there's going to be a variable number of ULs. I tend to answer conservatively, i.e. make as few assumptions as possible and try to cover cases where I can't assume. In this case, though, I'm really tempted to just dismiss it as a typo (which is why I've now closed the question as a dupe of the one they linked to). — BoltClock, Sep 14 '16 at 13:42

score 3 · Accepted Answer · answered Sep 14 '16 at 13:32

3

Use a combination of last child and second child:

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

answered Sep 14 '16 at 13:32

Christoph

1

To make this answer complete and more useful, you should explain the logic. – Michael Benjamin Sep 14 '16 at 13:58
1

@Michael_B even the question is ambiguous – dippas Sep 14 '16 at 14:05
1

@Michael_B: There's really no need for that when another answer has already done the same, in full, with a few hundred upvotes in tow. – BoltClock Sep 14 '16 at 14:07

dippas · Answer 2 · 2016-09-14T13:37:20.700

2

I'm trying to target the last UL when there is 2 ULs.

if you want to target only when are 2 ul use last-of-type or last-child

you don't ask for more than 2 uls

ul:last-of-type {
  background: red
}

<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>

edited Sep 14 '16 at 13:37

answered Sep 14 '16 at 13:33

dippas

Please re-read the question. Only target the last when there are 2. – panthro Sep 14 '16 at 13:33
there **is only 2** – dippas Sep 14 '16 at 13:34
This would select the third one if there were 3 – N.J.Dawson Sep 14 '16 at 13:35
but there is only 2 in the question, – dippas Sep 14 '16 at 13:35
Yeah, rereading the question it was never implied 2 was a limit, only that there are two and the second one should be selected. I've voted you up to get you back to 0, @panthro should have worded it better. – N.J.Dawson Sep 14 '16 at 13:37
Either I don't understand the question, or I don't understand the downvotes. Any of the downvoters care to explain because this looks like the answer to me. – JonSG Sep 14 '16 at 13:38
I don't understand the downvote – dippas Sep 14 '16 at 13:39

2 Answers2