如何控制列表项目项目符号的颜色？

Question

我在朋友网站上选择和设置导航时遇到问题。截屏： 这些项目之间的红点？列表样式类型为none，但它们仍在显示。我不想删除它们，而是想改变它们的颜色，现在它们看起来是红色的。我看不到任何控制它们的CSS，也无法找出适用于它们的选择器。 如何在导航项之间选择和控制这些点？

Answer 1

尝试给li元素class或ID，然后使用CSS更改颜色

例如

请考虑使用HTML

<ul class="listStyle">
    <li id="test">
        <p><strong>View :</strong> blah blah.</p>
    </li>
    <li id="test1">
        <p><strong>View :</strong> blah blah.</p>
    </li>
</ul>

使用CSS

#test {
  color: red;
}

p {
  color: black;
}

Answer 2

在每个a标记上都应用了伪类样式，如果您查看了检查工具，请在元素节点中选择a锚标记，然后在其下方。请参阅::after，其中显示了伪造型

@media screen and (min-width: 768px)
.main-navigation .nav-menu > li > a:after, .main-navigation .menu > li > a:after{
color: #ffa4ad;
content: " \2022";
margin-left: 1em;
}

我建议在你的样式表中跟踪它。

颜色属性是您正在寻找的。