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

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; 
}