Pourquoi le contenu durée:after {content: ''} est mis à l'intérieur de durée et pas après?

Pourquoi cette CSS ...

.sticky-info span:after {content: 'test';}

... les résultats ...

<div class="sticky-info"><span>Price <strong>&euro;120</strong>::after</span>

Est-il un moyen pour obtenir le content:'test' derrière chaque </span> à l'intérieur de <div class="sticky-info"> Il y a plusieurs travées de l'intérieur <div class="sticky-info">

si tu veux remplacer l' ::après le test????
Non, ce n'est pas possible à l'aide de CSS généré contenu, sauf si vous déplacez le ::after pseudo-élément pour le parent <div>.
::before et ::after signifie avant/après le CONTENU de l'élément.
::before et ::after est shadow DOM de l'élément auquel elle est appliquée. Vous ne pouvez pas les ajouter au même niveau. Vous aurez à venir avec quelque chose d'autre, mon ami.
Qu'entendez-vous par "derrière la plage"?

OriginalL'auteur MDC | 2015-02-16

  1. 3

    Vous pouvez le faire comme ceci:

    <div class="sticky-info">
    <span>Price <strong>&euro;120</strong></span>
</div>

    CSS:

    .sticky-info:after {content: 'test';}
    Je ne sais pas pourquoi c'est downvoted. Il va ajouter du contenu derrière la plage.
    J'imagine que c'était downvoted parce que ce que l'OP veut, c'est une solution qui ajoute du contenu après CHAQUE balise span. Avec votre solution, il ne fera qu'ajouter du contenu à la fin de la balise div. Pour réaliser ce que l'OP veut vraiment, il faudrait ajouter un <div> tag container autour de chaque <span> (je upvoted vous, mais parce que vous n'avez pas tort).
    Merci, semble OP ajouté à cette exigence après que j'ai posté la réponse

    OriginalL'auteur Rudi

  2. 1

    ::before et ::after signifie avant/après le CONTENU de l'élément, de sorte qu'il n'est pas possible de cette façon.
    Thx @Paulie_D et @Tim S.

    Pouvez-vous nous expliquer cette réponse un peu plus et d'expliquer ce que vous avez fait faire pour le résoudre?
    Assurez-vous qu'il est possible, voir les autres réponses.
    Gruenbaum: fondamentalement, je voulais une pause après chaque <span> dans une <div>, sur la petite fenêtre d'affichage. Sur une grande fenêtre d'affichage n'a pas été nécessaire de faire une pause. Au lieu d'essayer d'ajouter une pause sur une petite fenêtre, j'ai travaillé à l'autre manière autour d'un hided les pauses sur un grand écran.

    OriginalL'auteur MDC

  3. 0

    http://fiddle.jshell.net/9g8qzt3f/

    Si vous utilisez durée::après la après sera ajouté à la plage, derrière son contenu.
    Pour l'obtenir derrière la plage, utilisez 

     .sticky-info:after {content: 'test';}
    C'est ça le problème, j'ai plusieurs travées de l'intérieur .collant info
    Bref, je veux mettre une pause après chaque durée de l'intérieur .collant-info 'code'.collant-info durée:after { content: "; display: block; }
    si vous voulez mettre une pause.. l'utilisation de rembourrage ou de marge.
    vous devriez le mentionner des choses comme ça dans votre question, sinon personne ne va le savoir. Ma méthode ne fonctionne que si vous avez une travée, étant donné que votre question ne soit mentionné. Si vous voulez l'utiliser pour plusieurs, votre meilleur appel serait d'utiliser jquery pour que.
    J'ai mis à jour la question.

    OriginalL'auteur Sirence