CSS：如何将类特定样式级联到儿童

Question

假设我有一个已分配给类dependency_table的HTML表。

我如何样式的tr，th和td这是具体表中的儿童，而不必把class="dependency_table"在所有的子标签吗？

这里是我到目前为止已经试过：

/* --- DEPENDENCY TABLE STYLING --- */ 
.dependency_table { 
    border-collapse: collapse; 
    color: pink; 
} 

.dependency_table ~ td { 
    background: #FAFAFA; 
    text-align: center; 
} 

.dependency_table ~ th{ 
    background: #DFDFDF; /* Darken header a bit */ 
    font-weight: bold; 
} 

一般兄弟选择还没有与这个语法为我工作呢。这样做的正确方法是什么？

Answer 1

如果我理解正确的话，你想这样做：

/* --- DEPENDENCY TABLE STYLING --- */ 
.dependency_table { 
    border-collapse: collapse; 
    color: pink; 
} 

.dependency_table td { 
    #your style 
} 

.dependency_table th{ 
    #your style 
} 

.dependency_table tr{ 
     #your style 
    } 

Answer 2

另一种方法同时涵盖多个标签：

.dependency_table td, .dependency_table tr, .dependency_table th{ 
 
    #your style 
 
}