Solucionado
No exemplo apresentado,...
.pagina-inicial {
font-size: 60px;
}
.cabecalho-principal {
color: white;
background-color: purple;também há a possibilidade de colocá-las assim, certo?
.pagina-inicial .cabecalho-principal
{
font-size: 60px;
color: white;
background-color: purple;
}
Olá Anthony, No caso, somente é interessante você agrupar no CSS caso as duas classes tenham a mesma característica em todos os elementos de sua página, ou seja, se os elementos que estiverem com a identificação .pagina-inicial não tiverem que possuir as características de cor e fundo aplicadas do cabeçalho, não é conveniente agrupá-las.
Outro detalhe, quando quiser agrupar no CSS, deve ser separadas por vírgula.
.pagina-inicial, .cabecalho-principal
{
font-size: 60px;
color: white;
background-color: purple;
}certo!! beleza, vou acrescentar a vírgula. Engraçado que no Visual Studio Code, ele identifica, porém, ele acrescenta apenas o ( . ) ponto.