Skip to main content
adicionou 170 caracteres ao conteúdo
Fonte Link
dic-chen
  • 240
  • 1
  • 12

Considerando a montagem do CSSOM pelo browser e parser (leitura) que se dá right to left. Gostaria de jogar uma pergunta, pois estava a escrever um css num projeto e sempre tenho comigo por questão de performance não usar Seletores de Tipo e procuro usar a metodologia de módulos do BEM.
Dúvida: Se escrevo um seletor descendente assim: .media__bd--gretting h1{} ou seletor com pseudoclasse .media__bd--gretting h1:nth-child(1).
Sem considerar a especifidade e desconsidera o seletor de tipo (h1) na declaração, qual tem o melhor desempenho?

Obs: Coloquei dessa forma pois estava a fazer um módulo .css (tipography) não queria injetar um classe no html no que compõe o Block (módulo) "media__bd".

Considerando a montagem do CSSOM pelo browser e parser (leitura) que se dá right to left. Gostaria de jogar uma pergunta, pois estava a escrever um css num projeto e sempre tenho comigo por questão de performance não usar Seletores de Tipo e procuro usar a metodologia de módulos do BEM.
Dúvida: Se escrevo um seletor descendente assim: .media__bd--gretting h1{} ou seletor com pseudoclasse .media__bd--gretting h1:nth-child(1).
Sem considerar a especifidade e desconsidera o seletor de tipo (h1) na declaração, qual tem o melhor desempenho?

Considerando a montagem do CSSOM pelo browser e parser (leitura) que se dá right to left. Gostaria de jogar uma pergunta, pois estava a escrever um css num projeto e sempre tenho comigo por questão de performance não usar Seletores de Tipo e procuro usar a metodologia de módulos do BEM.
Dúvida: Se escrevo um seletor descendente assim: .media__bd--gretting h1{} ou seletor com pseudoclasse .media__bd--gretting h1:nth-child(1).
Sem considerar a especifidade e desconsidera o seletor de tipo (h1) na declaração, qual tem o melhor desempenho?

Obs: Coloquei dessa forma pois estava a fazer um módulo .css (tipography) não queria injetar um classe no html no que compõe o Block (módulo) "media__bd".

Fonte Link
dic-chen
  • 240
  • 1
  • 12

Performance CSS (CSSOM e seletores)

Considerando a montagem do CSSOM pelo browser e parser (leitura) que se dá right to left. Gostaria de jogar uma pergunta, pois estava a escrever um css num projeto e sempre tenho comigo por questão de performance não usar Seletores de Tipo e procuro usar a metodologia de módulos do BEM.
Dúvida: Se escrevo um seletor descendente assim: .media__bd--gretting h1{} ou seletor com pseudoclasse .media__bd--gretting h1:nth-child(1).
Sem considerar a especifidade e desconsidera o seletor de tipo (h1) na declaração, qual tem o melhor desempenho?