当jquery添加父类时，如何更改子项的字体颜色？

Question

我有jquery sticky.js脚本来粘贴滚动菜单。

我希望在粘性元素 .is-sticky 时更改字体颜色，并在删除 .is-sticky 时恢复正常颜色。

所以我有这个标记

<div id="sticky-wrapper" class="sticky-wrapper **is-sticky**">
    <div id="menu">
        <ul class="menu">
            <li><a href="#" title="xxx">XXX</a></li>
            <li><a href="#" title="xxx">YYY</a></li>
            <li><a href="#" title="xxx">ZZZ</a></li>
        </ul>
    </div>
</div>

CSS

#sticky-wrapper .menu > li > a {color: #fff;}
#sticky-wrapper > .is-sticky .menu > li > a {color: #000;}

不起作用......或者css不能正确支持这个案例？

EDIT。恕我直言，这不是同一个问题，初学者可以更好地理解案例。

Answer 1

将css规则更改为

#sticky-wrapper.is-sticky .menu > li > a {color: #000;}