No curso vimos que dá para colorir usando o strong e o span, mas e se eu precisar de uma terceira cor no texto? Como faço?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
No curso vimos que dá para colorir usando o strong e o span, mas e se eu precisar de uma terceira cor no texto? Como faço?
Se você precisar de uma terceira cor no texto e já está utilizando o elemento <strong> para uma cor e o <span> para outra, uma opção é adicionar uma classe adicional ao elemento que você deseja colorir com a terceira cor. Aqui está um exemplo usando HTML e CSS:
Suponha que você tenha o seguinte HTML:
<p>
Este é um texto <strong>destacado em uma cor</strong> e este é outro texto
<span>com outra cor</span>.
</p>
Para adicionar uma terceira cor, você pode modificar o HTML e adicionar uma classe adicional, como a seguir:
<p>
Este é um texto <strong class="cor1">destacado em uma cor</strong> e este é outro texto
<span class="cor2">com outra cor</span> e este é um texto com <span class="cor3">a terceira cor</span>.
</p>
Agora, você pode usar CSS para definir as cores para cada classe. Por exemplo:
.cor1 {
color: red; /* Defina a cor desejada para cor1 */
}
.cor2 {
color: blue; /* Defina a cor desejada para cor2 */
}
.cor3 {
color: green; /* Defina a cor desejada para cor3 */
}
Dessa forma, você pode adicionar quantas cores quiser, atribuindo classes diferentes a cada parte do texto que precisa de uma cor específica. Certifique-se de ajustar as cores e classes conforme suas necessidades.
Obrigada!