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问题中详细了解此行为：Paragraph ignores style because of another nested paragraph

Answer 2

li不是.section-list的直接后裔。 ul是直系后代......

.footer-wrapper .section-list > ul {
    list-style: none;
}

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

Answer 3

如果只是那个ul标签，为什么不是id？

#ul_id > li {
  color: #000;
}

Answer 4

要从列表中删除项目符号，您需要将此CSS应用于ul：

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

另外，>运算符表示＆＃34;指导孩子＆＃34;，因此不能用于从您的div li中选择section-list。

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

4 个答案: