Css change second element

Question

I know that:

p+p

changes the style of the first p just after another p. But how can I change the css of the second p after a p ?

score 6 · Accepted Answer · answered May 04 '12 at 14:23

6

Simply add another +p:

p+p+p

If you have more than three p elements, this applies to the second one that comes after the first, as well as all subsequent elements. If you only want to apply to one p element, use:

p:first-child+p+p

Or if you can afford to ignore older browsers:

p:nth-child(3)

answered May 04 '12 at 14:23

BoltClock

700,868
160
1,392
1,356

And how can I do the p before another ? – user1365010 May 04 '12 at 15:22
Oh, then you can't do that; there's no such selector. http://stackoverflow.com/questions/1817792/css-previous-sibling-selector – BoltClock May 04 '12 at 16:55

Css change second element

1 Answers1