Grow your CSS skills. Land your dream job.

Tricky pseudo selectors…Should this work?!

  • # April 17, 2012 at 4:45 am

    Am i wrong or should this be working properly? It worked fine in the HTML version…BUT, when i transferred over to wordpress, I am using a footer sidebar and a navigation widget in the footer…so i am wondering if it is a matter of cascade??? Thanks guys!


    #footer ul li:after { content: "|"; }
    #footer ul li:last-child:after { content: ""; }
    # April 17, 2012 at 11:50 am

    it should, yes. i recently dealt with this exact situation; my problem ended up being i had incorrect parents, ancestry, etc. make sure you’ve got all that stuff correct.

    # April 17, 2012 at 6:56 pm

    If you want to support IE7 you could use first-child and a left hand border.

    # April 17, 2012 at 10:32 pm

    Oh eff me, figured it out…i can’t believe i made such a rookie mistake hahaha, I added two widgets into widget area, i forgot to cancel the rule for the subsequent LIs (generated by additional widget areas) durrr….

    Thanks alot guys appreciate the feedback!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".