css - select 除了在具有特定 class 的 div 中的 ul 元素之外的所有 ul 元素？

Question

我的global.scss文件中有一個全局ul styles，如下所示：

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

我需要一些方法來操縱這個，而不是 select ul在特定 div 中的 class jodit-wrapper如果我執行以下類似的操作不起作用：

ul:not(.jodit-wrapper) {
    list-style: none;
    margin: 0;
    padding: 0;
}

這樣做的正確方法是什么？

Answer 1

得到它：

ul:not(.jodit-wrapper ul) {
    list-style: none;
    margin: 0;
    padding: 0;
}

Answer 2

jodit-wrapper class 用於ul的父div ？ 如果是的話，你需要這樣的東西：

 ul { list-style: none; margin: 0; padding: 0; }.jodit-wrapper ul { list-style: inside; margin: 10px; padding: 10px; }

 <div class="jodit-wrapper"> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </div> <div> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </div>

如果jodit-wrapper class 用於ul ，那么您的代碼可以工作。

Answer 3

我們不需要 select 具有 class jodit-wrapper 的 div。

 /* do not select uls in any div which has a class jodit-wrapper */ div:not(.jodit-wrapper) ul { list-style: none; margin: 0; padding: 0; }

 <div class="jodit-wrapper"> <ul> <li>I should have default list style</li> <ul> </div> <div> <ul> <li>I should not have a list style</li> </ul> </div>