影刀的元素编辑器逻辑是什么？

我在一次使用元素编辑器时，突然发现如图所示，我选择了一个按钮，通过其上级元素的class来定位，也就是上一级元素是一个标签，当这个标签被选中时，class就会变成"active"状态，但是这个“active”并不是一直在原本的“J_menuTab”的后面，二是一开始在前面，如左边的元素编辑器中所示，并且左边的一列元素节点中的其他节点元素的属性全部都没有启用。但是此时元素编辑器中的class属性与网页中元素的class属性明显是对不上的，为什么还是能够校验到一个唯一的元素呢？