隐藏无序列表上的点 [英] Hide dot on unordered list

问题描述

我正在尝试自定义无序列表，该列表用于此站点上的导航菜单: http://chaine-charlotte.org/

I am trying to customise an unordered list, which is used of for the navigation menu on this site: http://chaine-charlotte.org/

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

You'll see there is a dot/disc between each menu item, running horizontally along the header. I'd like to remove the dot.

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

I don't have direct access to the CSS code (as far as I can ascertain) as it's a wordpress.com site (I've only ever dealt with wordpress.org self-hosted sites until now). Otherwise, I would post it.

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

Of course, I can inspect elements from the user/browser side, but so far I've failed to identify which CSS declaration is generating the dot/disc, and therefore which to apply one or both of the following to:

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

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

Can someone please inspect the site from the front end, and kindly tell me which CSS property I should be customising with these declarations?

谢谢.

推荐答案

只需添加CSS:

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

因为跟随css产生了点.

Because following css is making the dot.

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

这篇关于隐藏无序列表上的点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！