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> 

否則你的風格不會被應用。