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

DICA #03 CSS – Hexadecimal

Código

O que é um CMS

Código

Dica #01 CSS – box-sizing

Código

CSS – Box Shadow

Design

Dica #08 Tipografia – Script