Planos a partir de R$ 39/mês Inscreva-se Agora

currentColor CSS

Valor currentColor do CSS

Se você for utilizar a mesma cor da sua color em outra propriedade do seu elemento, não é mais necessário declarar duas vezes o mesmo valor.

Basta utilizar a palavra chave currentColor, que automaticamente a cor será definida a partir do valor da propriedade color.

See the Pen currentColor by André | Origamid (@origamid) on CodePen.

Isso facilita a manutenção do seu código pois segue um dos conceitos básicos da codificação (DRY – Don’t Repeat Yourself).

E não para por ai, se você já tentou manipular os pseudo elements como ::after e ::before com JavaScript, sabe que não dá para alterar as propriedades CSS inline.

Então agora se você tiver um elemento que mude de cor dinamicamente, já pode fazer isso modificando a propriedade color dele e utilizando a currentColor como valor no pseudo element.

Mais Dicas

Código

Cores com CSS

Código

Dica #02 CSS – border-radius

Código

Como adicionar uma barra de loading igual a do YouTube com JavaScript

Design

Dica #11 Tipografia – Alinhamento

Código

Como animar ao Scroll com jQuery