Not a bug Second .pageNavLinkGroup on "Recent posts" page incorrect child number in CSS

HomerJ

Member
Affected version
1.5.22
This one drove me mad. On the Recent Posts page, there are 2 .pageNavLinkGroup divs, one above and one below the list of posts.

When trying to use the :nth-child() CSS selector (in EXTRA.css) to style the second one (rather than editing the template and adding an additional class name), using

Code:
.find_new_posts .pageNavLinkGroup:nth-child(2)
doesn't work...

Instead, you have to use the value 7 in order to target it. I can't figure out why? Even disabling JS doesn't correct it. I literally just kept trying numbers starting from 2 until it worked.

This however, does work:

Code:
.pageNavLinkGroup:nth-child(7) { background: red; }
 
Back
Top Bottom