我正在整理一个 WP 网站,在菜单栏上,活动菜单项带有下划线。所有菜单项 (li) 都设置了 padding-right,但我需要将其从活动元素中移除,以便底部的边框仅延伸到文本的末尾。为了弥补它,我需要以某种方式瞄准下一个 li 但我不太清楚该怎么做。我在别人的 WP 主题的背景下工作,这总是一个挑战,但我认为这可能是可行的,我只是不知道如何组合 CSS 选择器。这是基本的菜单结构:
<nav id="top-menu">
<ul id="menu-top">
<li id="menu-item">
<a>ITEM 1</a>
</li>
<li id="menu-item current-menu-item">
<a>ITEM 2</a>
</li>
<li id="menu-item">
<a>ITEM 3</a>
</li>
</ul>
</nav>
要定位元素上的填充,我必须使用 #top-menu ul > li#current-menu-item > a
所以如果我想在这个例子中定位第三个元素,我会使用什么代码?这甚至可能吗,还是我试图过于具体?我希望有一些子选择器和后代选择器的组合,但我不确定如何让它们一起工作。谢谢你的帮助!