Le style des lettres dans word

Je " tente actuellement de Style le mot "Siteripe". J'aimerais que chaque lettre à avoir une couleur différente. Comme indiqué sur cette page je suis en mesure de style juste la première lettre avec les lignes de code CSS ci-dessous

#namer:first-letter {
  color:#09C;
  font-size:1.1em;
  font-weight:bold;
}

Depuis il y a huit(8) lettres dans le mot, comment le style de la sept autres? Je l'ai fait essayer le style soufflet mais il ne fonctionne pas. Est-il un moyen de Style les lettres individuellement sans enrouler chaque lettre à l'aide de travées.

   #namer:(1)-letter {
      color:#09C;
      font-size:1.1em;
      font-weight:bold;
    }

OriginalL'auteur Dz.slick | 2012-08-11

  1. 1

    Rappelez-vous, le CSS est en Cascade. Vous pouvez le style de l'ensemble de la #namer élément séparément à partir de la première lettre de la plus spécifique de modèle remplace celle, plus générale.

    #namer:first-letter {
    color:#09C;
    font-size:1.1em;
    font-weight:bold;
}

#namer {
    color:red;
}

    Mise à jour:

    Lettering.js permet pour le style de lettres individuelles. Voir les commentaires ci-dessous pour plus d'informations. Les informations ci-dessus est pour le style de la lettre initiale seulement, et était en réponse à l'OP question d'origine avant qu'il a été modifié pour le rendre plus clair.

    Dave comment faire style que le reste des lettres?
    Je pensais que tu voulais le style du reste de la parole, non pas les sept lettres individuelles séparément. Des excuses. Malheureusement, vous aurez pour envelopper les autres dans les travées et de leur donner séparer les Id de style; il n'y a pas de pseudo-classes au-delà de la "première lettre" pour ce genre de chose.
    J'ai fait de la recherche un peu plus aujourd'hui, et il y a un plugin jQuery qui vous pouvez souhaitez examiner, appelé lettering.js. Plus d'informations ici: trentwalton.com/2011/01/18/controlling-web-typography
    Ce n'est pas le style de chaque lettre, de sorte qu'il n'est pas de répondre à la question posée.
    La question a été édité après j'ai répondu, en précisant que chaque lettre requise en coloration, pas le mot en entier ou le premier caractère. Les commentaires ci-dessus de l'expliquer, ainsi que les extra recherches que j'ai fait. Lettering.js certainement ne permettent par caractère et style. Voir les exemples ici: github.com/davatron5000/Lettering.js

    OriginalL'auteur Dave R.

  2. 0

    Vous devriez être en mesure de sélectionner l'ensemble du texte à l'aide du sélecteur sans l'indexation

    #namer:first-letter {
    color:#09C;
    font-size:1.1em;
    font-weight:bold;
}

#namer {
    color:red!important;
}

    Vous pouvez ensuite sélectionner la première lettre à l'aide de la méthode d'indexation au-dessus de

    Pourquoi !important?
    Je viens de la tester dans firebug, j'ai l'habitude de ajoutant des !important, car il remplace les autres css qui peuvent affecter le style. Je l'utilise comme un moyen rapide de voir si j'ai sélectionné l'élément que je voulais
    Pour être honnête, si vous pouvez sortir avec elle, ne pas utiliser !important, c'est une sorte de dernier ressort chose, mais le fait de test facile etc.

    OriginalL'auteur Craig Payne

  3. 0

    Le pseudo-élément 'first-letter" est auto-explicatif, il est destiné UNIQUEMENT à la première lettre. - Le reste des lettres aura un style différent?si pas, vous pouvez envelopper chaque lettre dans une balise span et lui attribuer une règle CSS.

    Maintenant vous êtes capable de style que le reste des lettres dans son ensemble.
    Ensuite dans ton CSS:

    #namer:first-letter {
color:#09C;
font-size:1.1em;
font-weight:bold;
}

span {
color:red;
.
.
.
}

    Si vous voulez le style de CHAQUE lettre, vous pourriez essayer d'emballage chaque lettre à l'aide de travées. Cependant, il peut vérifier visuellement comme un désordre total.
    Note: trouver un meilleur nom pour votre classe #LOL

    Il semble BEAUCOUP plus propre si vous ne l'utiliser inline style, vous utilisez la n-ième enfant sélecteur css, et vous créez votre propre durée et de l'appeler s.

    OriginalL'auteur hiradeco