IE 11忽略了n-child和last-child

时间:2014-03-05 09:48:53

标签: css internet-explorer css-selectors

有人能告诉我为什么IE 11会忽略我的css文件的以下规则吗?

.navigation.menu ul li:nth-child(7):hover ul,
.navigation.menu ul li:nth-child(8):hover ul,
.navigation.menu ul li:last-child:hover ul {

     right:0;left:initial;

}

此规则正在被所有其他浏览器按预期读取和工作,但IE甚至没有看到它。

1 个答案:

答案 0 :(得分:7)

假设您拥有正确的doctype,我认为您的选择器不是问题,而是规则集。

IE无法理解initial关键字。 (就此而言,Firefox也没有 - 它使用前缀-moz-initial支持它。)

由于left的初始值为auto,您可以使用它来代替与浏览器的最佳兼容性:

right:0;left:auto;