Jquery 当div具有特定类时，更改div内超链接的颜色属性

当div应用了特定类别的

rgSelected

时，我想将div内的超链接的字体颜色更改为

white

。通常，如果没有选中的

rg

类，超链接的字体颜色为红色

问题

当div应用了

rgselected

类时，如何确保超链接的字体颜色为白色，否则将其字体颜色设置为红色？我不确定这是否可以通过纯CSS或与jQuery结合来实现

<div class="alternatingItem rgSelected">
   <a onclick="sendEmail()" style="color:red;">Employee1<a>
</div>

雇员1

这不需要jquery。我之所以使用important，是因为在

元素中有内联样式，并覆盖css规则中的样式


.rga已选定{
颜色：绿色！重要；
}

雇员1



函数sendmail（）{}
$（“a”）。单击（功能（e）{
$（this）.parent（）.toggleClass（“rgSelected”）
})
.alternatingItem:未选择（.rgSelected）a{
颜色：红色；
}
.alternatingItem.rga已选定{
颜色：白色；
}

雇员1
尽管您是正确的，但值得注意的是您在这里使用的是“直系后代”选择器。考虑到OPs示例代码，它会起作用，但在其他用途中可能有点过于严格；我可能更随意地阅读了“div内的超链接”，只是想引起大家对细节的注意。强烈建议检查“给一个人一条鱼，他会吃一天”。教一个人钓鱼，他会吃一辈子虽然提供一个解决方案很好，但也可以提供代码的含义/上下文/洞察力。
/* 
  set default `css` property of `.alternatingItem` child `a` `color` to `red`
  if `.alternatingItem` does not have `class` `rgSelected`
*/
.alternatingItem:not(.rgSelected) a {
  color:red;
}
/*
  if `.alternatingItem` has `class` `rgSelected` , set 
  child `a` `css` property `color` to `white`
*/
.alternatingItem.rgSelected a {
  color:white;
}