Solucionado
No primeiro código CSS a seguir, eu criei dois pseudo-elementos e ambos funcionaram corretamente. Mas no segundo código, ao criar o segundo pseudo-elemento, parece que ele anulou o primeiro pseudo-elemento. Alguém sabe me dizer por que isso ocorreu?
/*PRIMEIRO CÓDIGO*/
.itens:first-child {
font-weight: bold;
}
.itens:before {
content: "★";
}
/*SEGUNDO CÓDIGO*/
.titulo-principal:first-letter {
font-weight: bold;
}
.titulo-principal:before {
content: "[";
}
Fala ai Jeiverson, tudo bem? Na verdade não é que ele anulou o comportamento, na verdade o bold com first-letter vai ser aplicado para o [ informado no :before.
Isso porque agora o conteúdo do before é a primeira letra.
Espero ter ajudado.
Perfeito! Obrigado! Testei aqui o que falou e realmente é como você disse.
Magina Jeiverson, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.