悬停子链接时更改父链接颜色

Question

我正在尝试使用CSS。

当我悬停Customize或Widgets时，我希望父链接（Dashboard）具有红色bg /白色文字样式。

http://jsfiddle.net/oxyns6w7/

.ab-item:hover {
    background:red;
    color:white
}

.ab-submenu li a:hover {
    background:green;
    color:white
}

<div id="dashboard-links" class="bp_components">
    <ul>
		<li class="menupop">
			<a class="ab-item" href="/wordpress/wp-admin/">Dashboard</a>
			<div class="ab-sub-wrapper">
				<ul class="ab-submenu">
					<li>
                        <a href="/wordpress/wp-admin/customize.php">Customize</a>
                        <a href="/wordpress/wp-admin/widgets.php">Widgets</a>
					</li>
				</ul>
			</div>
		</li>  
    </ul>
</div>

我如何实现这一目标？