css - IE9 CSS :first-child

标签 css css-selectors internet-explorer-9

我的 css 文件中有这样的 css 规则:

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

但是我在IE9的开发者工具中查看时是这样的:

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

并且不起作用。

如果我在开发者工具中手动将它更改为第一个,它会正确应用。

任何已知的解决方法?

更新:

* > .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% }

这些都行不通

附言。我在兼容模式下

最佳答案

试试这个可能对你有帮助

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

检查这个thread

关于css - IE9 CSS :first-child,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5334737/

相关文章:

javascript - this.id 在随后的 'each' 循环中捕获到 var 更改?

html - 如何在 twitter bootstrap 中打印背景图片

javascript - JS 获取动画元素的当前位置

html - 为什么嵌套在 css 类选择器中不能按预期工作

http - 调试IE9 "only display secure content"

firefox - 适用于所有浏览器(Chrome、IE9、Firefox)的 FTP 链接

javascript - 在 LESS CSS 中使用 JavaScript/Switch 语句

css - Safari 7.1 CSS 同级选择器问题

html - CSS :not selector is not applying correctly

twitter-bootstrap - IE9 上的 Bootstrap 导航栏为空