Question

I have a footer navigation where I’m using dividers called from:

#footnav li:before {
content:'\00B7';

}

I can’t target the first child so that the dots do not show before the first element. I’m trying:

#footnav li:first-child {
content:'';

}

And I’ve also tried calling the class that is tied to the menu item in wordpress. Since it’s wordpress I can’t go in and put an actual span tag for the first targeted li. Is there a trick with wordpress?

This is the site (topic, footer nav):

http://thegoodgirlsnyc.com/holly/

Answer 1

Try this:

#footnav li:first-child:before {
content:'';
}

Along the way, set your #footnav a class to display as inline-block to fix the alignment properly.