Shorticals

CSS first-child and IE

I was researching CSS first-child selectors this morning and discovered something new to me. For years my css has avoided first-child selectors because of compatability issues but actually this selctor works just fine in IE8 and below, but, and there is always a but with IE, only if you have a doctype declared - and who doesn’t do that these days? (Oh come on!) I also found that there is a bug where a comment is considered by IE as being the first child if it’s in that positon which can ruin you day but thats unliky to happen especially if you srtip comments from your production code as you should.

A good example of the code can be found at the W3C Schools site and they have a nice demo mode you can play with - http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_firstchild_more4
I probably did know this at some point in the past but suprised myself with it this morning - which was nice.
#somethingneweveyday.