Javascript Internet Explorer CSS类样式没有'；如果存在具有相同类名的其他元素，则不适用

我有一个问题困扰了我将近一个星期了

这是一个场景

我有6个步骤选项卡、步骤1选项卡、步骤2选项卡，依此类推。。 我有一个名为“locked”和“active”的css类

“锁定”-它有一个样式

顶部：3em这会导致标签向下一点，然后我有一些元素会阻止它，所以标签会隐藏在该元素的后面，这就是它被锁定的原因

“活动”“-它有一个样式
顶部：0em导致选项卡上升，然后它将变为可见，因此您现在可以单击该选项卡

现在，我的javascript代码中有一个事件。如果该事件触发，我将添加类“active”，并使用jQuery删除类“locked”<代码>$（“步骤1”）.addClass（“活动”）.removeClass（“锁定”）

因此，该特定步骤将变为活动或可见（在我的示例步骤1中），然后其他步骤将不可见。因此，现在锁定类的元素是步骤2、步骤3到步骤6

然后事件将触发到另一个步骤，依此类推。。直至步骤6。
然后所有步骤都将可见

这在chrome和mozilla上运行，但在IE上不起作用

在internet explorer上，即使类已锁定被删除，并且我添加了类活动，样式也不会应用，为什么？因为类被锁定时还有其他步骤。只有在没有其他类名为“锁定”的步骤选项卡时，它才会可见。因此，简而言之，在最后一步移除类锁定后，所有步骤选项卡都将可见

编辑：

这是我的html代码


.step\u tab.locked{
颜色：#7979；
游标：默认值；
顶部：3em；
}
.step_选项卡处于活动状态{
背景#54B848；
游标：默认值；
顶部：0em；
}


第一步

步骤2

步骤3

步骤4

步骤5


我解决了我的问题。
我有课

。步骤选项卡{
显示：块；
}

我刚刚将显示更改为内联块annnnddd我不知道它刚刚解决了我的问题xD
您可以共享
锁定
的整个css类定义吗？哪一个IE版本？
.step_tab.locked{color:#797979；cursor:default；top:3em；}
.step_tab.active{background:#54B848；cursor:default；top:0em；}
请至少发布一些您正在使用的代码。IE版本10及更高版本。因为我限制用户在使用IE 9或更低版本浏览时访问页面。