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