contenu: "` vs `contenu: none`

J'ai lu par Eric Meyer CSS reset et vu ce:

blockquote:before, blockquote:after,
q:before, q:after {
    /* ? */ content: '';
    /* ? */ content: none;
}

Je suppose que certains navigateurs prennent en charge content: '' et certains content: none, est-ce le cas? Et qui les navigateurs prennent en charge qui?

InformationsquelleAutor Aaron Yodaiken | 2011-07-23
  1. 34

    Meyer crédits Paul Chaplin avec cette version de la blockquote/q réinitialiser les styles.

    Chaplin post sur le sujet contient le bloc de style suivant, utilement annoté.

    blockquote, q
{
    quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
    /*
    CSS 2; used to remove quotes in case "none" fails below.
    */
    content: "";
    /*
    CSS 2.1; will remove quotes if supported, and override the above.
    User-agents that don't understand "none" should ignore it, and
    keep the above value. This is here for future compatibility,
    though I'm not 100% convinced that it's a good idea...
    */
    content: none;
}

    À bouillir vers le bas: les versions actuelles de la plupart des navigateurs simplement soutenir un quotes: none style, ce qui élimine la nécessité d'utiliser la :before et :after sélecteurs. L'homme étrange était Safari/WebKit, qui n'a pas respecté quotes: none. La façon suivante pour résoudre ce fut avec l' :before/:after pseudo-éléments, mais au moment de l'écriture, WebKit n'a pas de soutien content: none, donc content: "" était nécessaire.

    Cependant, que le post était en 2008, et un test rapide actuelle des navigateurs WebKit (Safari 5.1 et Chrome 12) montre que quotes: none fonctionne très bien sur les deux. Le contenu: none bogue sur WebKit est toujours ouvert pour une raison quelconque, tandis que le bug pour les citations de la propriété a été fermé à assez récemment.

    Donc, longue histoire courte, le supplément styles semblent être là pour prendre en charge les anciennes versions de Safari (et, éventuellement, Chrome). C'est un peu plus difficile de préciser exactement quand ils ont obtenu l'appui, mais les versions actuelles des navigateurs semblent traiter avec quotes: none (et content: none) l'amende juste.

    • Donc il n'y a pas de réel avantage à l'utilisation de content: none?
    • content: none et content: "" ne sont pas tout à fait le même. content: none est explicitement la prévention de la before ou after pseudo-élément d'être générés (vraiment utilisé pour remplacer un autre style qui aurait contenu généré par l'), tandis que content: "" permet de créer les éléments supplémentaires, mais ils sont vides. Comme pour réel avantage, une combinaison de styles sur :before: or :d'après " qui fera la différence visible (à l'instar de certains de rembourrage et une couleur d'arrière-plan), mais c'est probablement plus d'une "pureté" ou de la "décision correcte". En tout cas, il n'y a pas de mal à avoir content: none pour soutenir les navigateurs.
    • juste pour dire que je suis tombé sur ce lors du remplacement d'une précédente style. J'ai trouvé que le contenu "" certainement porté certains des styles précédents avec elle et le contenu "aucun" ne fonctionne pas dans l'ipad que j'utilise pour faire des tests (comme suggéré dans le commentaire ci-dessus). J'ai utilisé aucun affichage sur le pseudo-élément comme une "ceinture et bretelles" override (plutôt que d'avoir à le réinitialiser tous les styles)
    InformationsquelleAutor John Flatness