我需要什么CSS选择器?

时间:2012-12-12 19:06:36

标签: html css wordpress selector

我使用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}等...

enter image description here

有什么建议吗?

//////////////////////编辑

好的伙计......我们什么也没做。我试图简化代码。这是整个代码(由wordpress生成):

http://pastebin.com/GJ3zXd93

2 个答案:

答案 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元素的后代)。