IE9 css :first-child

Question

I have a css rule like this in my css file:

.Island_VerticalMenu:first-child { width: 100% }

However, when I view it in the developer tool of IE9, it looks like this:

:first-child.Island_VerticalMenu { width: 100% }

and doesnt work.

If I manually change it to the first one in the developer tool, it is applied correctly.

Any known workaround?

Update:

* > .Island_VerticalMenu:first-child { width: 100% }
* > table.Island_VerticalMenu:first-child { width: 100% }
table.Island_VerticalMenu:first-child { width: 100% }
table.Island_VerticalMenu > span  { width: 100% }
.Island_VerticalMenu:first-child { width: 100% }
.Island_VerticalMenu:first-child span { width: 100% }
.Island_VerticalMenu  span:first-of-type { width: 100% }
.Island_VerticalMenu > span { width: 100% }

None of these work

PS. I am in compatibility mode

I don't think these will work at all in compatibility mode. If you are doing CSS3 addressing developing on a local file, you have to click on Tools ->' compatibility view settings' in the IE9 menu and then unclick the checkbox that says 'display interanet sites in compatibility view' — Phil Factor, Jul 22 '11 at 14:49

score 3 · Accepted Answer · edited May 23 '17 at 11:47

3

try this may be it's helpful to you

<meta http-equiv="X-UA-Compatible" content="IE=9" />

check this thread

edited May 23 '17 at 11:47

Community

1
1

answered Mar 17 '11 at 04:26

sandeep

91,313
23
137
155

Didn't help. It must be something else – Cine Mar 17 '11 at 06:16

IE9 css :first-child

1 Answers1