Porque não é performático ultrapassar 3 ou 4 quatro itens no seletor? exemplo .menu ul li a span
E quando isso acontecer qual a boa pratica a ser seguida?
Porque não é performático ultrapassar 3 ou 4 quatro itens no seletor? exemplo .menu ul li a span
E quando isso acontecer qual a boa pratica a ser seguida?
Oi, Jean, tudo bem?
Quando usamos tantos níveis assim de seletores criamos um grau muito grande de complexidade e especificidade, que é calculada a partir da contagem de cada tipo de seletor. Nesse caso, como o seletor é a tag, o valor é de "1" e a classe "10", assim temos, 10 da classe concatenado com 4 dos seletores de tag resultando em 104 na pontuação de grau de especificidade.
O ideal nesse cenário é utilizar uma classe para a ul
, li
e a
, para que você não precise percorrer todos esses seletores para que o estilo chegue até a tag span
, podendo ser
.link > span{
color: red;
}
Aqui tem mais sobre o tópico de especificidade no css: https://developer.mozilla.org/pt-BR/docs/Web/CSS/Specificity
Qualquer dúvida é só falar!