html - CSS-如何选择不在特定 Controller 中的选择器？

Question

我有以下 CSS:

.sign-up-cross.clone{
    top: 10px!important;
}

我有一个带有“invite-contacts-modal”类的模态，其中包含带有“注册交叉克隆”的元素，我不希望这些元素具有上面的 css 样式。

我尝试使用:

:not(.invite-contacts-modal) .sign-up-cross.clone{
    top: 10px!important;
}

它不起作用。

Answer 1

关于IE8更好用这个方案:

.sign-up-cross.clone {top: 10px;} /* declare 10px; */
.invite-contacts-modal .sign-up-cross.clone {top: 0;} /* set another value if the parent is .invite-contacts-modal */