Browser support for CSS :first-child and :last-child

Question

Does anyone know which browsers/version support them?

Is it safe to use them, or should I resort to PHP / javascript to generate first/last classes?

http://caniuse.com/#search=:first-child http://caniuse.com/#search=:last-child — reisio, Oct 29 '11 at 11:27

score 50 · Accepted Answer · edited Mar 22 '13 at 15:21

50

:first-child is supported IE9 properly, and IE7 and IE8 sort of (see chart).

:last-child is supported by IE9+ only.

Both of them are supported well by the good browsers.

edited Mar 22 '13 at 15:21

ScottS

answered Oct 29 '11 at 11:16

Bojangles

i wonder if you do support `first-child` why you shouldn't do `last-child` ? weird! – Behnam Esmaili Sep 04 '14 at 09:07
I often think the same thing as well. It's probably due to the internal implementation of something in the CSS or rendering engine. At any rate, IE9+ has decent enough market share to make it the minimum supported version of IE – Bojangles Sep 04 '14 at 09:10

score 10 · Answer 2 · answered Jan 16 '13 at 22:13

10

"Can I use..." should be your go to resource for these types of questions. Here's are the compatibility tables:

answered Jan 16 '13 at 22:13

Hristo

1

Except that these links don't explain IE8's partial support (yet). I'm just about to add the details and send a pull-request. – Simon East Jul 03 '13 at 23:45

score 2 · Answer 3 · answered Oct 29 '11 at 11:17

2

Here's a nice table illustrating different browser support.

answered Oct 29 '11 at 11:17

Darin Dimitrov

3 Answers3