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。”

Answer 2

添加.style类的ul和CSS应该是这样的：

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

ul.style li { 
    //stuff 
} 

Answer 3

您需要起码一个元素包含样式类。

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

否则你的风格不会被应用。