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

Sbp*_*pro 0 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;

}
Run Code Online (Sandbox Code Playgroud)

所有其他浏览器正在按预期读取和运行此规则,但IE甚至没有看到它.

Bol*_*ock 7

假设你有正确的doctype,我不认为你的选择器是问题,它是规则集.

IE不理解initial关键字.(此外,Firefox也没有 - 它用前缀支持它-moz-initial.)

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

right:0;left:auto;
Run Code Online (Sandbox Code Playgroud)