The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

slight problem with :after pseudo element

  • # January 6, 2013 at 6:09 pm

    Hello all.

    I’m trying to put an “end sign” at the end of my posts, using the `:after` pseudo element that is specified in [this wonderful article]( “Pseudo Element Roundup”).

    But as you can see [on my blog]( “Les Miserables”), the chosen symbol (“•”) appears on another line, disjointed from the content.

    What am I doing wrong? Here is my markup:

    `#content .entry:after {
    content: “•”;
    font-size: 100%;

    Any help is appeciated.

    # January 6, 2013 at 6:29 pm

    Try replacing `#content .entry:after` with `.entry p:last-child:after`.

    Here is the browser support for the `:last-child selector`

    # January 6, 2013 at 6:57 pm

    Ah, there you go. Thanks very much for the help!

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed