CSS changer la couleur de li si c'est dans le div de classe

J'ai une classe de div avec la classe de pied de page-liste, et j'ai besoin de changer tout le texte de la li pour être blanc.

Le code html ressemble à:

     <div id="footer-middle-left-right">
                        <div class="footer-list">
                            <ul>
                                <li>FAFSA Guide</li>
                                <li>Scholarship Finder</li>
                                <li>State Education</li>
                                <li>Ready UP</li>
                            </ul>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li>Terms of Service</li>
                                <li>Privacy Settings</li>
                                <li>FAQ</li>
                            </ul>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li>How it Works</li>
                                <li>Submit a School</li>
                                <li>Submit a Professor</li>
                                <li>Report a Misspelling</li>
                            </ul>
                        </div>
</div>

Évidemment l'ajout d'une autre classe de l'élément à tous les li est excessif, et non maintenable vraiment. Im assez nouveau pour css et ne peuvent pas comprendre la bonne façon de sélectionner tous les li dans les classes.

J'ai essayé quelque chose comme:

.footer-list.li{
     color: white;
}

en vain. Toute aide à ce sujet, a suggéré la lecture, ou tout autre css conseils seraient grandement appréciés! Im plus d'un mec, donc c'est le premier que j'ai vraiment eu de soucis de css ce cadre, il est donc réussi à me faire un peu perdu!

OriginalL'auteur samuraiseoul | 2012-12-28

  1. 4

    En fait l'ajout d'un . avant li qui en fait une classe alors essayez cette 

    .footer-list li { /* This selects li inside the class .footer-list */
    color: #fff;   /* Even white is fine */
 }

    Ou mieux être précis et utilisez

    .footer-list ul li { /* Will apply to li which are inside ul which is inside .footer-list only */
    color: #fff;
 }
    J'étais sur la bonne voie, je pensais que les li ont été automatiquement une classe, et à cet effet, accessible par le .li, ou d'être le programmeur, je suis vu comme un élément du pied de page-liste de la classe et, par conséquent, comme dans php utilisé .li
    nah qui fait .li une classe, c'est juste de l'élément de sorte que vous besoin de se référer directement à l'aide de la balise de nom, si vous ajoutez . ou # il fait de l'id de classe et donc, si vous voulez par exemple span à l'intérieur d'un div, vous écrivez div span {styles} mais cela s'applique à tous les travées de l'intérieur balise div, mais si vous voulez cibler span à l'intérieur d'un div, vous devez l'écrire comme div.class_name span {style goes here}
    Bien, je pense que je l'ai eu! Merci pour l'aide! Le CSS est très dur je pense! Je préfère faire de la vraie programmation de n'importe quel jour!
    Il n'est pas difficile, il suffit de donner un peu de temps et vous obtiendrez grâce à elle 😉
    Ouais, ça devient un peu plus facile qu'elle ne l'habitude d'être, mais je ne m'attendais pas à être difficile. Haha, Malade, accrochez-vous!

    OriginalL'auteur Mr. Alien

  2. 3

    Votre sélection: 

    .footer-list.li{
     color: white;
}

    Dit "sélectionner des éléments avec les DEUX classes de pied de page-liste et li."

    Ce n'est pas pour ce que vous voulez, vous devez ajouter un espace entre eux et la suppression de la dot: 

    .footer-list li{
     color: white;
}

    Cela va sélectionner tout <li> à l'intérieur de n'importe quel élément avec la classe de pied de page-liste 🙂

    OriginalL'auteur Kyle

  3. 1

    Il suffit de retirer le point avant li

    .footer-list li{
     color: white;
}

    OriginalL'auteur Hanky Panky