Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS slight problem with :after pseudo element

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #41794
    Diomedes
    Member

    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](https://css-tricks.com/pseudo-element-roundup/ “Pseudo Element Roundup”).

    But as you can see [on my blog](http://smellofpopcorn.com/les-miserables “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.

    #120052
    stevencrader
    Member

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

    Here is the browser support for the `:last-child selector` http://caniuse.com/#feat=css-sel3

    #120054
    Diomedes
    Member

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.