Skip to content
Menu
CDhistory
CDhistory

Reddit – css – Os 30 seletores CSS que você precisa memorizar

Posted on Maio 7, 2021 by admin

Para informações sobre por que não usar * e porque > é ótimo, é importante entender como o CSSDOM é feito.

Quando você tem um seletor, digamos div p .someclass, o navegador precisa executar uma pilha de cheques.

Primeiro, ele irá reunir todos os elementos com .someclass. Esta é uma operação bastante fácil. Em seguida, irá verificar todos os pais de todos os .someclasses que reuniu e ver se ele tem um p pai, descartando os que não têm. Em seguida, vai verificar todos os pais de todos aqueles p tags que tinham .someclass filhos que ele reuniu novamente para div pais. É assim que ele descobre onde ele está. Então, é claro, se você pudesse ter usado .specific-someclass, isso teria sido muito menos caro.

É aqui que entra o valor de >. Se você tiver div > p > .someclass, quando o navegador verificar por p pais de .someclass, ele pode parar imediatamente. Ele só precisa atravessar um nível acima. Muito menos caro! Tente sempre usar o selector descendente directo quando possível, mesmo que não seja necessário.

Quando aparecer um *, o browser terá de reunir todos os elementos da página. Esta é uma tarefa cara, por isso é melhor evitá-la. Se for #some-very-specific-id *, a primeira coisa que o browser vai fazer é reunir cada elemento e depois verificar cada elemento para ver quais têm #some-very-specific-id como antepassado. Cada um dos elementos sangrentos da página está sendo verificado. Bad juju.

Apologies if my info is out of date. Há muito tempo que eu não sabia nada sobre pintura CSS.

Deixe uma resposta Cancelar resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Artigos recentes

  • Acela está de volta: NYC ou Boston por $99
  • Entrada OMIM – # 608363 – CHROMOSOME 22q11.2 SÍNDROME DE DUPLICAÇÃO
  • Kate Albrecht’s Parents – Learn More About Her Father Chris Albrecht And Mother Annie Albrecht
  • Temple Fork Outfitters
  • Burr (romance)

Arquivo

  • Fevereiro 2022
  • Janeiro 2022
  • Dezembro 2021
  • Novembro 2021
  • Outubro 2021
  • Setembro 2021
  • Agosto 2021
  • Julho 2021
  • Junho 2021
  • Maio 2021
  • Abril 2021
  • DeutschDeutsch
  • NederlandsNederlands
  • SvenskaSvenska
  • DanskDansk
  • EspañolEspañol
  • FrançaisFrançais
  • PortuguêsPortuguês
  • ItalianoItaliano
  • RomânăRomână
  • PolskiPolski
  • ČeštinaČeština
  • MagyarMagyar
  • SuomiSuomi
  • 日本語日本語
©2022 CDhistory | Powered by WordPress & Superb Themes