1
resposta

valor inherit

Não entendi como usar este "valor inherit" na prática. Na descrição diz o seguinte:

Dica: para não ter que repetir a cor do texto do para os links dentro dele, você pode usar o valor inherit para a cor. Esse valor faz com que a propriedade assuma o valor que foi definido em seu pai (ou ancestral, de um modo geral) em vez de assumir um outro valor. Por exemplo, se tivermos o seguinte HTML:

Para colorir os links dentro da lista podemos fazer o seguinte CSS:

ul { color: pink; }

ul li a { color: inherit; } O link, neste caso, vai obrigatoriamente pegar a cor do pai dele, o

  • , que já pega normalmente a cor do pai dele, o
    • , que é rosa.
  • 1 resposta

    Oi Luana,

    Uma coisa que me ajudou a entender o inherit é a tradução dele: herdar.

    Cria uma <div> com um <a> lá dentro.

    Repara que o A fica com a cor azul, mas ele nao deveria pegar a cor do pai dele, a DIV?

    Agora se no CSS voce aplicar a regra:

    a {
      color: inherit
    }

    Fiz esse Jsbin aqui mostrando a ideia.

    Qualquer duvida só falar, ok?

    Espero ter ajudado e bons estudos,

    Abcs!

    Quer mergulhar em tecnologia e aprendizagem?

    Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software