仅将CSS样式应用于类的最低实例

我正在为提供给我的html菜单整合一些CSS/SASS。当我在一个关于红苹果的页面上时，html看起来像这样：

<ul class="navigation">
    <li class="active"><a href="#">Fruit</a>
        <ul>
            <li>Banana
                <ul>
                    <li><a href="#">Yellow</a></li>
                    <li><a href="#">Green</a></li>
                </ul>
            </li>
            <li class="active"><a href="#">Apple</a>
                <ul>
                    <li><a href="#">Green</a></li>
                    <li class="active"><a href="#">Red</a></li>
                    <li><a href="#">Yellow</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">Vegetables</a></li>
</ul>

<li class="active"><a href="#">Apple</a>
    <ul>
        <li><a href="#">Green</a></li>
        <li class="active"><a href="#">Red</a></li>
        <li><a href="#">Yellow</a></li>
    </ul>
</li>

同样，如果我在一个关于水果的页面上，苹果列表项将丢失它的

活动类

我的问题是，考虑到这个标记，是否有一种方法仅使用CSS/SASS来应用背景颜色仅活动类的最低实例

编辑：
CSS不支持任何父选择器。您必须使用JQuery来实现您的需求

例如，您可以编写下面的代码，使您的工作

在Css中给出

li.active{ color: "#ff0000";}

在Jquery中

$(".active").has(".active").css("color","#000000");

这将使所有类处于活动状态的元素的文本颜色变为红色，并且一旦有另一个类处于活动状态的元素的文本颜色变为黑色，您可以将其摆弄一下吗？请看@Zoe，看看这些帖子1，2.3.然而，我不知道有什么方法可以仅仅用纯CSS来实现你想要的。您必须使用
Javascript
或
jQuery
或基于
Javascript
的任何其他库来完成此特定任务。感谢Pumbaa80和@W.D。我99.9%确定，缺少父选择器将使仅使用css无法实现此目标，但他只是抱着一线希望，也许有一些俏皮话可以绕过这个限制，也许是用
@if
或类似的方法。看起来不太乐观！有什么原因不能使用
Javascript
执行此任务吗？因为我的问题似乎没有一个纯粹的css解决方案，所以我会将此工作标记为正确答案。谢谢你的帮助！