Consegui fazer funcionar, mas fiquei na dúvida

Olá! Estava resolvendo as atividades e me deparei com um problema em que as palavras que eram para ficar jogadas ao redor da foto de João da Silva se mantinham centralizadas respeitando a classe .titulo-principal mesmo eu especificando as características na class ".palavra-home li". E daí fui tentar tirar o "li" da frente da classe ".palavra-home" e tudo funcionou.

A minha dúvida é: por que as as configurações não estavam sendo aplicadas à tag "li" e quando eu tirei tudo funcionou?

.palavra-home li {
    position: absolute;
    font-family: "Shadows Into Light", cursive;
    font-size: 1em;
    font-weight: bold;
    color: #D5447E;
}

///////////


.palavra-home {
    position: absolute;
    font-family: "Shadows Into Light", cursive;
    font-size: 1em;
    font-weight: bold;
    color: #D5447E;
}

.eficiencia{
    top: 30%;
    left: 75%;
}

.boas-praticas {
    top: 70%;
    left: 20%;
}

.codigo-limpo {
    top: 45%;
    left: 10%;

.
.
.