Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Multiplos pseudoelementos

Tentei manipular o elemento h3 com dois pseudoelementos:

h3.titulo-principal::before  {
    content: "[ ";
}
h3.titulo-principal::first-letter  {
    font-weight: bold;
}

No entanto, o segundo comando não funciona. Isso é uma restrição do uso do ::before e do ::after?

3 respostas
solução!

Fala ai Rodrigo, tudo bem? Vamos lá:

No entanto, o segundo comando não funciona. Isso é uma restrição do uso do ::before e do ::after?

Sim, quando você usa o ::before o seu ::first-letter será aplicado ao conteúdo do before e não mais ao conteúdo do elemento em si.

Espero ter ajudado.

Entendi, Matheus. Obrigado.

Magina Rodrigo, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.