css - 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 ，那么列表将自动继承所有子类。情况似乎并非如此。我是否必须循环每个元素并应用特定的类？

score 0 · Accepted Answer

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

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

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

ul.style li {
    //stuff
}

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

score 0 · Accepted Answer

将.style类添加到您ul的 css 应该是这样的：

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

ul.style li { 
    //stuff 
}

score 0 · Accepted Answer

您至少需要一个元素来包含样式类。

<div class="style"><ul><li></li></ul></div>

否则您的样式将不会被应用。

3 回答 3