html - 另一个元素内的CSS选择器

我在自定义按钮中有两种颜色，第一种是由按钮类定义的，第二种是由按钮内的跨距类定义的，当按钮为活动时，如何更改这两种颜色？
CSS:

.buttonClass{
  color:black;
}
.buttonClass:active{
  color:white;
}
.spanClass{
  color:grey;
}
.spanClass:active{ //working only when I click on span, but not for whole button
  color:red;
}

HTML格式：

<button class="buttonClass">
  <span class="spanClass">
    black/white text
  </span>
  grey/red text
</button>

最佳答案

试试这个

.buttonClass:active .spanClass{
  color:red;
}

关于html - 另一个元素内的CSS选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16712709/