我使用php生成此代码:
<li class="current"><li><a href="#">Page1</a></li></li>
<li><li><a href="#">Page2</a></li></li>
<li><li><a href="#">Page3</a></li></li>
<li><li><a href="#">Page4</a></li></li>
我想添加一个css属性来标记a
里面的列表current
。
我尝试了.li + li + a {property:attribute}
等...
有什么建议吗?
//////////////////////编辑
好的伙计......我们什么也没做。我试图简化代码。这是整个代码(由wordpress生成):
答案 0 :(得分:2)
您可以使用:
li.current li a
但很可能双列表项是错误的,所以你可能想要使用它:
li.current a
另外,作为旁注,“。”你编写的选择器试图找到一个“li”类的元素,而不是列表项元素。
随着您最近的问题更新:
我想我知道这里发生了什么。您可能有一个小部件为您生成菜单。对小部件的调用位于PHP中的ul
内。小部件在div
内生成菜单。您可能还使用窗口小部件调用的参数将每个菜单项包装在li
中。哪个会给你你的结构:
<ul>
<div>
<ul>
<li><li></li></li>
</ul>
</div>
</ul>
要修复,找到您调用窗口小部件的位置,然后删除围绕它的ul
。然后从widget调用中删除before和after参数。这应该给你这个结构:
<div>
<ul>
<li></li>
</ul>
</div>
然后你应该更容易设置菜单样式。
答案 1 :(得分:1)
你想:
.current a {}
(所有链接都是.current
元素的后代)。