如何设置父项的样式，而不是子项的样式

Question

我的网站页面有两层导航。我想在选择页面时使用背景图像为父li设置样式，而不是其子项。我有选择工作，但要么它也为所有孩子添加背景样式，或者我可以让它只选择父，但如果我在其中一个页面上，背景将不适用于孩子。谢谢你的帮助。

CSS：

div.side-nav ul li.selected a{
    color: #592D00;
    background: #FFF url(/_images/Layout/nav-arrow.png) right center no-repeat; 
}

网站的网址：

http://lltc.designangler.com/about/history

Answer 1

使用direct child selector：

.sidebar-subheader.selected > a {
    color: #592D00;
    background: #FFF url(/_images/Layout/nav-arrow.png) right center no-repeat; 
}