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

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

使用直接子选择器：

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