Targeting .separator-before with :first-child?

[ex_awakened208]

Is there any way I can target the first .separator-before on a page of entries if I'm using For The Bold? I can't seem to nail it using .first-child but I might not be using the right code.

Comments

[afuna]

Slightly complicated, but try this:

.entry-wrapper:nth-of-type(2) .separator-before { ... }

it's nth-of-type(2) instead of 1, because it's the second div in there (previous/next navigation is the first div). You need to target .entry-wrapper because that's the outermost relevant wrapper (if you try to target .separator-before:first-child, it will always match because it's always the first-child within an entry wrapper!)

[ex_awakened208]

That did it! Thanks for the help!

[afuna]

You're welcome!

Not sure it's helpful

[ninetydegrees]

The way I understand it :first-child works if you have several elements with the name name within the same container --with nothing else between them too I think-- like if you had several .separator-before in .entry-wrapper. For example you can do with .separator because there are two (.entry-wrapper .separator:first-child {border: 1px solid #ff00ff;}).

You might be luckier using :nth-of-type. Maybe something like:

.entry-wrapper:nth-of-type(2) .separator-before {
}

This doesn't feel right but it worked for me. I'm not sure this is it, though.

Edit: sorry for the double comment; I took too long to answer. :)

Re: Not sure it's helpful

[ex_awakened208]

Yeah, I kinda figured that eventually looking at the definition of :first-child combined with the fact that it wouldn't work with the separator but would work just fine with .module-navlinks li... I've used :first-child fairly often but apparently never tried to do it in this kind of situation until now so I think I had a misconception on how it worked.

Awe it's fine. Thanks for the help anyway!