html - 根据子类更改字体颜色

This question already has answers here:

Is there a CSS parent selector?
                                
                                    （31个答案）
                                
                        
                                4年前关闭。
            
                    
我要更改字体颜色（如果具有特定的类）。

HTML：

    <p class="status">
      test
      <span class="has-this">test</span> (all turn to red)
    </p>

    <p class="status">
      <span>test</span>
    </p>

SCSS：

.status {
        font-size: 25px;
        color: blue;
        height: 30px;
        line-height: 30px;
        padding-right: 10px;
        .has-this & {
            color: red;
        }
    }

如果它里面有'has-this'类，我想将字体颜色更改为红色。
是否可以通过仅使用CSS来实现这一点？（无js）
状态动态地生成具有has-this not的状态。

这是我的codepen http://codepen.io/anon/pen/ZbGyZm

最佳答案

在CSS下方添加：

.status span {
  color: gray;
}

关于html - 根据子类更改字体颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32451273/