css: comment faire pour supprimer des éléments pseudo (après, avant, ...)

Je voudrais utiliser un interrupteur pour la mise en page des étiquettes de paragraphe sur une page web.

J'utilise l'après pseudoelement

p:after {content: url("../img/paragraph.gif");}

Maintenant, j'ai besoin de supprimer ce code css de la page. Comment cela peut-il être fait facilement (jquery est déjà utilisé sur la page)? (je ne veux pas d'inclure ou de supprimer des fichiers contenant css)

InformationsquelleAutor Thariama | 2010-06-10
  1. 372
    p:after {
   content: none;
}

    aucun est la valeur officielle de définir le contenu, si elle est spécifiée, pour rien.

    http://www.w3schools.com/cssref/pr_gen_content.asp

    • Ne ce fait d'autres contenus liés à des styles, donc même si vous avez les rembourrages et les marges qu'ils deviennent inertes?
    • Ce doit être la accepté de répondre. L'utilisation d'un contenu: "; pourrait conduire à des résultats inattendus lorsque vous essayez de remplacer un précédemment défini le contenu de l'attribut.
    • Tu ne peux pas faire display: none?
    • oui, vous pouvez faire "display:none", mais il sera toujours conservé dans l'arborescence DOM. Réglage de contenu:aucun n'a même pas le mettre dans l'arborescence DOM (vous pouvez le vérifier via google Chrome, l'inspecteur DOM)
    InformationsquelleAutor Gillian Lo Wong
  2. 25

    Vous avez besoin pour ajouter une règle css qui supprime les fois que le contenu (à travers une classe)..

    Un mise à jour en raison de certaines valide les commentaires.

    La plus correcte pour complètement supprimer/désactiver le :after la règle est d'utiliser

    p.no-after:after{content:none;}

    comme Gillian Lo Wong répondu.

    Réponse originale à cette question

    Vous avez besoin pour ajouter une règle css qui supprime les fois que le contenu (à travers une classe)..

    p.no-after:after{content:"";}


    et d'ajouter que la classe de votre p quand vous le souhaitez avec cette ligne

    $('p').addClass('no-after'); //replace the p selector with what you need...

    un exemple de travail à : http://www.jsfiddle.net/G2czw/

    InformationsquelleAutor Gabriele Petrioli
  3. 17
    $('p:after').css('display','none');
    InformationsquelleAutor Henrik Albrechtsson
  4. 8

    Comme mentionné dans la réponse de Gillian, l'attribution none à content résout le problème:

    p::after {
   content: none;
}

    Noter que dans CSS3, W3C recommandé d'utiliser deux-points (::) pour pseudo-éléments comme avant ou après.

    De la MDN web doc sur les pseudo-éléments

    Remarque: en règle générale, les double-points (::) doit être utilisé au lieu d'un seul
    colon (:). Ce qui distingue les pseudo-classes de pseudo-éléments.
    Cependant, puisque cette distinction n'était pas présent dans les anciennes versions de
    le W3C spec, la plupart des navigateurs prennent en charge les deux syntaxes pour l'amour de
    la compatibilité. Notez que ::selection doit toujours commencer par un double
    - points (::).

    InformationsquelleAutor simhumileco
  5. 5

    Cela dépend de ce qui est ajouté par le pseudoselectors. Dans votre situation, définition du contenu de "" permettra de se débarrasser d'elle, mais si vous êtes à la configuration des frontières ou des arrière-plans ou que ce soit, vous devez zéro celles spécifiquement. Autant que je sache, il n'y a pas une panacée pour enlever tout sur un avant/après de l'élément indépendamment de ce qu'il est.

    InformationsquelleAutor drewww
  6. -3
    p:after {
   content: none;
}

    C'est un moyen de supprimer les :after et vous pouvez faire de même pour :before

    • Cette réponse semble réitérer la même solution que la actuellement reconnus depuis plusieurs années. Si vous sentez que vous avez quelque chose à ajouter, s'il vous plaît laissez un commentaire sur l'original de la réplique. Sinon, si vous avez une autre solution, veuillez expliquer pourquoi c'est différent (et peut-être mieux).
    InformationsquelleAutor Priyanka Choudhary