Question

I’ve this code generated with 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>

I want to add a css property to tag a inside to list with class current.

I’ve tried with .li + li + a {property:attribute} etc…

Any suggestions ?

////////////////////// Edit

Ok guys… We did nothing. I tried to simplify the code. Here is the whole code (generated by wordpress):

http://pastebin.com/GJ3zXd93

Answer 1

You can use:

li.current li a

But most likely the double list items are a mistake, so you probably want to use this instead:

li.current a

Also, as a sidenote, the “.” in the selector you wrote is trying to find elements with a class of “li”, not a list item element.

With the recent update of your question:

I think I know what’s going on here. You probably have a widget generating the menu for you. The call to the widget is inside a ul in your PHP. The widget generates the menu inside a div. You are probably also using arguments for the widget call to wrap each menu item inside an li. Which would give you the structure you have:

<ul>
    <div>
        <ul>
            <li><li></li></li>
        </ul>
    </div>
</ul>

To fix, find where you are calling the widget, and remove the ul that’s wrapped around it. Then remove the before and after arguments from the widget call. That should give you this structure:

<div>
    <ul>
        <li></li>
    </ul>
</div>

Then you should have an easier time styling the menu.