我的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，并且当它是类时具有css：stroke:$white { {1}}。

这可能吗？

注意：

我的css文件是.scss文件，我运行了jquery

Answer 1

  

我希望cls-5课时有css：stroke:$dark-gray;   父按钮是类the-button，并具有css：   stroke:$white;当它是班级the-button-blue。

是：

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

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

说明：当您在CSS中编写一系列选择器时，每个选择器只有一个空格，空格表示每个后续选择器都是前一个选择器的后代。

NB 每个空格之后的选择器可能不是是前一个选择器的子节点 - 它可能是孙子或曾孙等空间仅表示选择器是上一个选择器的后代。