3

我有一类带有类页脚列表的 div,我需要将 li 的所有文本更改为白色。

html 看起来像:

     <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>

显然,在所有 li 中添加另一个类元素是矫枉过正的,而且确实不可维护。我对 css 很陌生,无法找出选择类中所有 li 的正确方法。

我试过类似的东西:

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

无济于事。任何有关此、建议阅读或任何其他 css 建议的帮助将不胜感激!我更像是一个后端人员,所以这是我第一次真正不得不担心其中的 css 部分,所以这让我有点迷茫!

4

3 回答 3

4

实际上你正在添加一个.beforeli这使它成为一个类所以试试这个

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

或者更好地具体并使用

.footer-list ul li { /* Will apply to li which are inside ul which is inside .footer-list only */
    color: #fff;
 }
于 2012-12-28T08:30:19.240 回答
3

您的选择器:

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

说“选择具有两个类 footer-list 和 li 的元素。”

这不符合您的要求,您必须在它们之间添加一个空格并删除点:

.footer-list li{
     color: white;
}

这将选择任何<li>具有类 footer-list 的元素中的任何元素:)

于 2012-12-28T08:30:45.050 回答
1

去掉 li 之前的那个点

.footer-list li{
     color: white;
}
于 2012-12-28T08:32:25.000 回答