Html ：不适用于IE的（：类型的第一个）

我有一个表单，它有多个字段集，然后使用下面的代码将它们堆叠在一起。Javascript使用向前和向后按钮旋转字段集。如果没有兼容模式，它们不适用于IE11。 我知道我可以使用年龄较大的css2 first child:before来完成这项工作，但我遇到了麻烦

使用firefox和chrome

#AUTO fieldset:not(:first-of-type) {
display: none;/*remove to see all feildsets*/
}

非工作IE

#AUTO fieldset:first-child:before {
display: none;/*remove to see all feildsets*/
}

我的IE代码有什么问题？为什么他是弱智

/*表单样式*/
#自动的{
显示：表格；/*生成div填充内容*/
宽度：100%；
高度：自动；
保证金：0自动；
位置：相对位置；
边框：1px纯绿色；/*确保div填充内容的视觉辅助*/
边缘底部：30px；
}
#自动字段集{文本对齐：居中；
宽度：95%；边距：0自动；
边框：1px纯红色；/*确保div填充内容的视觉辅助*/
盒影：2PX2PX2PX#000；
背景色：#FFF；
显示：表格；/*生成div填充内容*/
}
#迈尔斯{
display:none；/*spamer填写此内容，它将被我的邮件脚本拒绝*/
}
/*隐藏除第一个字段集以外的所有字段集*/
#自动字段集：非（：类型的第一个）{
显示：无；/*删除以查看所有FeildSet*/
}
#自动字段集：第一个子项：之前{
显示：无；/*删除以查看所有FeildSet*/
}

联系信息
全名：*

电话号码：*

电子邮件：

车辆信息
车辆品牌：*

车型：*

年份*：

VIN编号：

保险公司（如适用）：

非常感谢。
点击提交后，您将收到一封确认提交的电子邮件。

如果要在第一个字段集之后隐藏所有的

字段集，可以使用其他简单的解决方案：

同级选择器

#AUTO fieldset ~ fieldset {
   display: none;/*remove to see all feildsets*/
}

#AUTO fieldset + fieldset {
  display: none;/*remove to see all feildsets*/
}



相邻选择器

#AUTO fieldset ~ fieldset {
   display: none;/*remove to see all feildsets*/
}

#AUTO fieldset + fieldset {
  display: none;/*remove to see all feildsets*/
}



全部隐藏/先显示

#AUTO fieldset {
  display:none
}
#AUTO fieldset:first-child {
  display: block;
}

您可以使用
：nth-of-type（）
伪类来选择除第一个
字段集之外的所有字段集
，而无需使用否定伪类：

fieldset:nth-of-type(n+2){...}

据我所知，
：not（：type的第一个）
应该在IE11中工作。如果它不尝试使用
fieldset~fieldset{display:none}
，我无法在IE11中重现您的问题；在没有兼容模式的IE11中，它似乎和在FIrefox中一样适用。你可以尝试
#AUTO fieldset:not（：first child）{display:none；/*remove以查看所有feildsets*/}
Proggear，这是一个很好的尝试