我在让我的 CSS 选择器只选择父链接时遇到了一些问题。
<style>
.sidebar .nav li a {
background-color: transparent;
border-right: 1px solid #563D7C;
color: #563D7C;
font-weight: bold;
}
</style>
<div class="sidebar">
<ul class="nav sidenav">
<li>
<a href="#">Menu1</a>
<ul class="nav">
<li><a href="#">Item1</a></li>
</ul>
</li>
<li>
<a href="#">Menu2</a>
<ul class="nav">
<li><a href="#">Item1</a></li>
</ul>
</li>
</ul>
不幸的是..适用于导航中所有链接的样式,我的替代方法是在我想要样式的所有链接上放置一个类,但不必这样做。