CSS类继承/选择器

Question

对于 CSS 爱好者来说，可能是一个足够简单的问题:

我有一个简单的无序列表:

<ul><li>Hello</li></ul>

我想对其应用以下 css 类:

.style {
   height: 100%x;
   width: 100%;
}

.style ul {
    list-style-type: none;
}

.style li {
    //stuff
}

假设我的列表没有父容器(我正在构建一个插件，所以谁知道人们将如何应用它)将这些样式应用到这些元素的最有效方法是什么？我想如果我将 .style 类应用于 ul，那么列表将自动继承所有子类。这似乎并非如此。我是否必须循环每个元素并应用特定类？

Answer 1

将 style 类应用于您的 ul 并使用以下 CSS 选择器:

ul.style {
   height: 100%x;
   width: 100%;
}

ul.style {
    list-style-type: none;
}

ul.style li {
    //stuff
}

---

.style ul 表示“为嵌套在具有 style 类的元素中的任何 ul 设置样式。”