我的css父类可以更改子类吗？

Question

我有一个带有项目集合的rails页面。每个项目都有一个按钮。它里面有一个svg图像：

<button class="the-button">
  <svg class="the-pic">
    <g class = "cls-2">
      <path class="cls-5" d="M117.58,133.33l-24.7,25.38S85,165.63,88,173.08a11.24, ... "></path>
    </g>
  </svg>
</button>

有些项目有一个按钮与类“按钮”，而另一些项目与按钮“按钮-蓝色”。

我希望使cls-5类在父按钮为类stroke:$dark-gray;时具有css：the-button，在类the-button-blue时使用css：stroke:$white。

这个是可能的吗？

注：

我的css文件是.scss文件，我正在运行jquery。

Answer 1

我想让cls-5类在父按钮是类the-button时具有css：stroke:$dark-gray;，当它是类the-button-blue时使用css：stroke:$white;。

是：

.the-button .cls-5 {
stroke: $dark-gray;
}

.the-button-blue .cls-5 {
stroke: $white;
}

解释:当您在CSS中编写选择器链时，每个选择器之间只有一个空格，空格表示每个后续选择器都是前一个选择器的后代。

N.B.每个空格后的选择器可能不是前一个选择器的子代，它可能是孙子或曾孙等。空格仅表示选择器是前一个选择器的后代。