如何找出放入CSS的正确目标

Question

我尽力弄清楚如何定位该区域.我希望ul没有任何子弹或正方形,而且字体也是黑色的.

我试过这个css代码,但它不起作用

.footer-wrapper .section-list > li > a {
    color: #000;
}

例如,这是我的代码..

<section id="footer">
        <div class="footer-wrapper">
            <div class="container-fluid">
            <div class="line"></div>
                <div class="row">
                    <div class="col-sm-4">
                    </div>
                    <div class="col-sm-4">
                         <p class="section-list">
                            <ul>
<!-- I am trying to target this part -->
                            </ul>
                        </p>
                    </div>
                    <div class="col-sm-4 text-center">
                    </div>
                </div>
            </div>
        </div>
    </section>

Answer 1

> 是直接后代,这可能是你没有看到任何东西的原因

的嫡系.section-list是ul不是li,所以风格永远不会被应用.

因此,>从css选择器中删除它,你将走在正确的轨道上

.footer-wrapper .section-list  li  a {
    color: #000;
}

至于删除子弹,我建议阅读这个小教程

http://www.webreference.com/programming/css_style2/index.html

您要定位的属性是 list-style-type

所以,这样的事情会有所帮助.

.footer-wrapper .section-list  li { 
      list-style-type:none; 
      }

编辑:另外,请记住,您对颜色的选择器仅适用于列表项内的任何锚点.如果要将任何文本设为黑色,还需要将颜色添加到我在答案中添加的第二种样式.

编辑2:你必须<p>改为<div>

p元素自动关闭与下一个阻止元素. ul是一个阻挡元素.

这意味着,即使您没有告诉它,段落在无序元素打开之前关闭,因此您应用于段落的任何样式都不会实际到达列表的任何部分.

将段落更改为div是解决它的最佳和最快捷的方法.

您可以在此SO问题中阅读有关此行为的更多信息:由于另一个嵌套段落,段落忽略了样式