html - 所有节点上的 CSS？

Question

我继承了以下 HTML(无法更改)，并被分配了一个悬停 CSS，因此所有这些都具有新的背景颜色并且文本为白色。我无法让所有这些都改变，并且悬停时文本变为白色。谁能告诉我正确的 CSS 是什么？

不起作用的 CSS

ul.dynamic:hover > li.dynamic:hover > a.dynamic:hover >span.additional-background:hover > span.menu-item-text:hover;
ul.dynamic > li.dynamic > a.dynamic > span.additional-background > span.menu-item-text:hover

HTML

<ul class="dynamic">
    <li class="dynamic">
        <a class="dynamic">
            <span class="additional-background">
                <span class="menu-item-text">
                    HomePage
                </span>
            </span>
        </a>
    </li>
</ul>

Answer 1

你可以试试这个

ul.dynamic:hover > li.dynamic:hover > a.dynamic:hover > span.additional-background:hover > span.menu-item-text:hover
{
    background:red;
    color:white;
}

您还可以添加任何您想要更改的其他属性。

Js Fiddle Demo