更改某个父类中子类的颜色

Question

我想更改类number3作为其父级之一的网站的类category的颜色。我知道改变颜色的唯一方法是：

.category > .number1 > .number2 > .number3 {color:purple;}

但我想如果没有命名number3的每个父类，都有更好的解决方案。

如何在不知道父类的名称的情况下使用CSS将颜色从绿色更改为紫色，其中一个是类category？

.number1 {color:blue;}
.number2 {color:red;}
.number3 {color:green;}
.category {color:yellow;}

<div class="category">
        Text1
  <div class="number1">
  Text2
  <div class="number2">
    Text3
    <div class="number3">
      Text4
        </div>
      </div>
    </div>
  </div>

Answer 1

您可以简单地命名父级，然后命名要设置样式的元素

.category .number3 {color:purple;}