一个类中的目标元素

Question

我已经定义了一个名为active-td的类，并将一些样式应用于该类中的元素。但它不是仅改变那些元素，而是改变整个页面上元素的样式。

这是我所包含的一种简单的代码形式：

首次尝试

.active-td > a, p, span
{
    color: black;
}  

第二次尝试

.active-td a, p, span
{
    color: black;
}  

Answer 1

使用子组合器（仅定位.active-td的子项）：

.active-td > a, 
.active-td > p,
.active-td > span
{
    color: black;
}  

使用后代组合器（定位.active-td的所有后代）：

.active-td  a, 
.active-td  p,
.active-td  span
{
    color: black;
}