2

Por exemplo, em um parágrafo:

<p id="paragrafo">
    Bla bla bla
    banana uva morango
    bla bla bla
</p>

Como eu mudaria a cor só da palavra "uva", por exemplo?

6
  • Não pode editar o HTML pra isso?
    – Meu ovo
    4/01/2019 às 1:45
  • Não sei. Posso? Como? 4/01/2019 às 1:46
  • <span class="cor">uva</span>
    – Meu ovo
    4/01/2019 às 1:46
  • Acho que a pergunta carece de informações. O texto é dinâmico? Vc não pode alterar direto o HTML? Por que "uva"? E se for outro texto?
    – Meu ovo
    4/01/2019 às 1:49
  • Perdão, eu não sabia que tinha que informar isso. Posso alterar diretamente o HTML sim. 4/01/2019 às 1:52

3 Respostas 3

9

Como mudar a cor de apenas uma palavra em um parágrafo?

Coloque um span, que é a tag mais recomendada para esta finalidade na palavra uva e estilize como quiser:

<p id="paragrafo">
    Bla bla bla
    banana <span style="color: #f00;">uva</span> morango
    bla bla bla
</p>

Outra forma, mais ideal, seria adicionar uma classe à tag span e estilizar dentro de um bloco com tag style:

<style type="text/css">
    .corVermelha {
        color: #f00;
    }
</style>

<p id="paragrafo">
    Bla bla bla
    banana <span class="corVermelha">uva</span> morango
    bla bla bla
</p>

PS: Recomenda-se que o bloco da tag style fique dentro do bloco da tag head do HTML. Por mais que funcione fora, é aconselhável que faça assim.

Referências:

HTML <span> Tag;

HTML <style> Tag;

Por fim, recomendo que estude um pouco sobre as tags do HTML e sobre a estilização com CSS.

1
  • Obrigado, cara. Era isso mesmo. Valeu! 4/01/2019 às 1:55
3

Você pode fazer assim

<p id="paragrafo">
    Bla bla bla
    banana <span style="color: #4286f4">uva</span> morango
    bla bla bla
</p>
3

Coloque seu texto personalizável dentro de uma tag e atribuía a ela uma class, desta forma você tem um elemento inline personalizável. Espero ter ajudado

.palavra{
  color: purple;
}
<p id="paragrafo">
Bla bla bla
banana 
morango
bla bla bla
<span class="palavra">uva<span> 
</p>

2

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .