Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS更改li的颜色,如果它';她在div班_Html_Css_Css Selectors - Fatal编程技术网

Html CSS更改li的颜色,如果它';她在div班

Html CSS更改li的颜色,如果它';她在div班,html,css,css-selectors,Html,Css,Css Selectors,我有一个带有类页脚列表的div类,我需要将li的所有文本更改为白色 html看起来像: <div id="footer-middle-left-right"> <div class="footer-list"> <ul> <li>FAFSA Guide</li>

我有一个带有类页脚列表的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>

无济于事。任何关于这方面的帮助,建议阅读,或任何其他css建议将不胜感激!我更多的是一个后端的家伙,所以这是我第一次真正不得不担心css的一部分,所以它让我有点迷路了

实际上,您在
li
之前添加了一个
,这使它成为一个类,因此请尝试以下操作

.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;
 }
您的选择器:

.footer-list.li{
     color: white;
}
表示“使用类footer list和li选择元素。”

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

.footer-list li{
     color: white;
}

这将选择具有类页脚列表的任何元素中的任何
  • 只需删除li之前的点即可

    .footer-list li{
         color: white;
    }
    

    我的思路是正确的,我认为li要么自动成为一个类,因此由.li访问,要么作为程序员,我将其视为footer list类的一个元素,因此与php中使用的.linah类似,这使得
    .li
    成为一个类,它只是一个元素,因此需要使用标记名直接引用,如果您添加
    它会生成id和类,因此如果您想在一个div中以span为目标,您可以编写
    div span{style}
    ,但这将应用于div标记中的所有span,但是如果您想在一个特定的div中以span为目标,您需要像
    div.class\u name span{style在这里一样编写它
    好吧,我想我明白了!谢谢你的帮助!我觉得CSS很难!我宁愿每天都做真正的编程@武士化没那么难,只要给点时间,你会挺过去的;)是的,现在比以前容易了一点,但我没想到会这么难。哈哈,我会坚持下去的!
    .footer-list li{
         color: white;
    }