html - 类中的目标元素

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;
}