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

Html 如何设置父项而不是子项的样式,html,css,navigation,Html,Css,Navigation,我的站点页面有两层导航。我想在选择页面时使用背景图像设置父li的样式,但不使用其子li。我有选择工作,但它要么为所有的孩子添加背景样式,要么我可以让它只选择父母,但背景不会为孩子们工作,如果我在这些网页之一。谢谢你的帮助 CSS: 网站网址: 使用: 使用: 这不是我想要的方式。它仍然是主链接和所有子链接的样式。另一种解决方案选择了非元素。我将尝试一下。谢谢,我已经走了一半了。子对象现在显示背景(当子对象位于页面url上时)和标题,而不是全部选中。@Phorden Hmmm。。这不是你想要的吗?

我的站点页面有两层导航。我想在选择页面时使用背景图像设置父li的样式,但不使用其子li。我有选择工作,但它要么为所有的孩子添加背景样式,要么我可以让它只选择父母,但背景不会为孩子们工作,如果我在这些网页之一。谢谢你的帮助

CSS:

网站网址:

使用:

使用:


这不是我想要的方式。它仍然是主链接和所有子链接的样式。另一种解决方案选择了非元素。我将尝试一下。谢谢,我已经走了一半了。子对象现在显示背景(当子对象位于页面url上时)和标题,而不是全部选中。@Phorden Hmmm。。这不是你想要的吗?是的,现在可以了。我基本上是重新调整了我的菜单。不过非常感谢你的帮助。这仍然有助于达成最终结果,但这并没有达到我的预期效果。它仍然是主链接和所有子链接的样式。另一种解决方案选择了非元素。我将尝试一下。谢谢,我已经走了一半了。子对象现在显示背景(当子对象位于页面url上时)和标题,而不是全部选中。@Phorden Hmmm。。这不是你想要的吗?是的,现在可以了。我基本上是重新调整了我的菜单。不过非常感谢你的帮助。这仍然有助于达成最终结果。
div.side-nav ul li.selected a{
    color: #592D00;
    background: #FFF url(/_images/Layout/nav-arrow.png) right center no-repeat; 
}
.sidebar-subheader.selected > a {
    color: #592D00;
    background: #FFF url(/_images/Layout/nav-arrow.png) right center no-repeat; 
}