Home/ Questions/Q 4086868
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T18:46:58+00:00

I have a css rule like this in my css file: .Island_VerticalMenu:first-child { width:

  • 0

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try this may be it’s helpful to you

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

    check this thread

    • 0