ansaurus

Question

last-child CSS issues

Answer 1

A:

This table states that last-child isn't supported in any IE browser. Add a class to it and select it that way.

Kyle Sevenoaks 2010-05-12 10:13:44

Answer 2

A:

Simple: IE doesn't support last-child. You'll need to mark the last element with a class.

RoToRa 2010-05-12 10:14:03

Answer 3

+1 A:

IE does not support the :lastchild selector correctly.

For a comprihensive list of compatibility see http://www.quirksmode.org/css/contents.html

I would suggest adding a class="last" server-side to the field, or apply the effect with javascript using http://api.jquery.com/last-child-selector/.

Mex 2010-05-12 10:15:07

Thank you Mex, I ended up using: $("#tab-navigation ul li:last-child").css({border:"1px solid red"}) - Thanks.

Neurofluxation 2010-05-12 10:19:57

Please note you should only do it this way if...a) You can guarantee that your users have JS enabled.b) Your site is still usable without the effect.

Mex 2010-05-12 10:33:47

Answer 4

A:

The :last-child is a CSS3 selector and as far as I know, even IE8 doesn't support that much.

Resources:

http://www.electrictoolbox.com/css-first-child-last-child-selectors/

Compatibility Chart:

http://www.quirksmode.org/css/contents.html

Sarfraz 2010-05-12 10:15:08

Answer 5

+2 A:

IE doesn't support last-child selector.

You can use scripts such as http://code.google.com/p/ie7-js/ to enable CSS3 selectors in all IE browsers.

Adam 2010-05-12 10:17:16

Does this actually work?

Kyle Sevenoaks 2010-05-12 10:19:04

Absolutely.http://ie7-js.googlecode.com/svn/test/index.html

Adam 2010-05-12 10:20:58

Definitely going to have to look into this!

Kyle Sevenoaks 2010-05-12 10:24:39

This set of scripts are very useful. But remember some of your users may not have JS enabled. They may no-script installed for example.

Mex 2010-05-12 10:35:07

Agreed Mex, has anyone tried this? How does it degrade (i.e. Gracefully or painfully)?

Neurofluxation 2010-05-12 10:53:49

I have used them before. Depends on how heavily you use them. For example if your just using :lastchild to do some hilighting you shouldn't have an issue. If you use the box model fixes or the png hacks you may have more issues.

Mex 2010-05-12 10:58:26

ansaurus

tags:

views:

answers:

last-child CSS issues

related questions