html - 在无序列表上隐藏点

Question

我正在尝试自定义一个无序列表，用于本网站的导航菜单:http://chaine-charlotte.org/

您会看到每个菜单项之间有一个圆点/圆盘，沿着标题水平排列。我想删除点。

我无法直接访问 CSS 代码(据我所知)，因为它是一个 wordpress.com 站点(到目前为止，我只处理过 wordpress.org 自托管站点)。否则，我会发布它。

当然，我可以从用户/浏览器端检查元素，但到目前为止，我未能确定哪个 CSS 声明生成了点/圆盘，因此无法确定将以下一项或两项应用于:

list-style-type: none;
list-style-image: none;

有人可以从前端检查网站，并请告诉我应该使用这些声明自定义哪些 CSS 属性吗？

谢谢。

Answer 1

只需添加CSS:

.nav-menu > li > a::before {
    content: "";
}

因为跟随 css 才是重点。

.nav-menu > li > a::before {
    color: #fff;
    content: " •";
    margin-right: 1em;
    opacity: 0.15;
}