Partage
  • Partager sur Facebook
  • Partager sur Twitter

Appliquer CSS differents dans un paragraphe

Sujet résolu
    12 août 2017 à 21:13:08

    Bonjour alors voici mon probléme : 

    J'ai un gros paragraphe a mettre sur une page html, et je dois lui appliquer du css jusque la tout est ok. cependant il y a certain mot qui doivent étre en violet, d'autre centrés, d'autre en plus gros etc...

    Du coup j'avais une question assez simple mais je ne trouve pas de réponse clair : Dois plus utiliser des DIV ? des <p class> ? d'autre chose ? 

    J'aimerai que tout mon texte soit de base avec certaine caractéristiques et que je rajoute du css a certain mots ou phrases. 

    Voila ! merci d'avance

    ps : j'ai fait certain test et certaines solutions n'accepte pas le fait que je rajoute du css sur une div qui en a deja etc...

    -
    Edité par Pierre-max 12 août 2017 à 21:16:02

    • Partager sur Facebook
    • Partager sur Twitter
      12 août 2017 à 21:19:24

      Bonjour,

      Tu peux utiliser la balise <span> pour les mots que tu veux cibler dans ta ballise <p>.

      L'avantage de span est que cela ne bouge pas ton code puisque cette balise n'a pas de marge ou de padding par défaut.

      Petit exemple:

      <p>Je veux cibler le mot <span class="violet">violet</span> en css</p>

      Et tu cibles ton élément en css:

      .violet{
      color: purple;
      }




      • Partager sur Facebook
      • Partager sur Twitter
      "Ils ne savaient pas que c'était impossible, alors ils l'ont fait" Mark Twain
        12 août 2017 à 21:20:57

        Super merci ! c'est ce que je cherchais !
        • Partager sur Facebook
        • Partager sur Twitter

        Appliquer CSS differents dans un paragraphe

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown