Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Quando utilizar seletores como extend?

É uma boa prática utilizar seletores como extend?

não é preferível utilizar placeholders?

4 respostas

Oi Nicolas, tudo bem?

Tanto o extend quanto o placeholder são apenas formas diferentes de se fazer algo.

Em teoria, o extend economizaria algumas linhas no CSS gerado, porém lembro de ter visto em algum post que o placeholder ganha em performance, acho que foi no CSS Wizard ou no CSS Tricks, não consegui achar o pots aqui então me desculpe por isso.

Importante entender a diferença entre eles e saber o que cada um gera exatamente.

Espero ter ajudado e bom domingo,

Abcs!

O que eu quis dizer foi isso:

Placeholder + extend:

%centraliza{
      width: 940px;
      margin 0 auto;
    }
    .container{
      @extend %centraliza;
    }

Seletor CSS + extend:

  .erro {
    background: #f00;
  }

  .alerta {
    border-radius: 3px;
    @extend .erro
  }

Eu não sei se sua resposta, foi referente a essa dúvida, não exemplifiquei direito no post, desculpa.

Se sua resposta quis dizer isso:

"Tanto o seletor quanto o placeholder são apenas formas diferentes de se fazer algo."

Ai eu entendi.

solução!

Oi Nicolas,

Isso, foi o que eu quis dizer.

Lembre que voce pode fazer testes alem de fazer localmente no https://www.sassmeister.com/.

Abcs!

Opa, isso é uma "mão na roda" pra fazer testes, valeu ^^