Solucionado
Para que a minha página ficasse igual a do instrutor foi necessário que eu à deixasse o código css da seguinte maneira:
.palavra-home li {
position: absolute;
font-family: "Shadows Into Light", cursive;
font-weight: bold;
color: #D5447E;
}Gostaria de saber o porque tive que ser mais especifico para passar os parâmetros para minha classe, sendo que no código disposto pelo instrutor encontra-se diferente ?
Desde já agradeço a colaboração de todos...
Olá Rafael!
Você não precisa utilizar o li no css pois a classe .palavra-home está dentro dele
<li class="palavra-home eficiencia">Eficiência</li>Isso quer dizer que todos os < li > que estiverem com a classe palavra-home irão receber a estilização, então não é necessario especificar ".palavra-home li" basta fazer ".palavra-home" de forma direta.
Espero ter ajudado! :D
Obrigado Guilherme você conseguiu sanar minha dúvida! Acredito que o meu erro foi ter criado a classe dentro da tag
<ul></ul>Poderia me dizer se foi esse o meu erro e o porque que não da certo ?
Olá Rafael!
Se você colocou a classe dentro da < ul> dessa forma:
<ul class="palavra-home">
<li class="eficiencia">Eficiencia</li>
</ul>Então seu CSS está de certa forma correto pois você primeiro acessa a classe palavra-home e depois a tag < li>.
.palavra-home li {...}Porem, como no exercicio pede pra utilizar uma estilização diferente pra cada classe filha de palavra-home isso poderia não funcionar.
Você teria que especificar:
.palavra-home li .eficiencia {...}Espero que tenha a ajudado! ^^