Html 在无序列表上隐藏点

Html 在无序列表上隐藏点,html,list,css,Html,List,Css,我正在尝试自定义无序列表,该列表用于此网站的导航菜单: 您将看到每个菜单项之间都有一个点/盘,沿标题水平运行。我想去掉这个圆点 我无法直接访问CSS代码(据我所知),因为它是一个wordpress.com网站(到目前为止,我只处理过wordpress.org自托管网站)。否则,我会把它贴出来 当然,我可以从用户/浏览器端检查元素,但到目前为止,我无法确定哪个CSS声明正在生成点/盘,因此无法将以下一项或两项应用于哪个: list-style-type: none; list-style-imag

我正在尝试自定义无序列表,该列表用于此网站的导航菜单:

您将看到每个菜单项之间都有一个点/盘,沿标题水平运行。我想去掉这个圆点

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

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

list-style-type: none;
list-style-image: none;
有人能从前端检查这个网站吗?请告诉我应该用这些声明定制哪个CSS属性

谢谢。

这是下面的css

.nav-menu > li > a:before {
 color: #fff;
 content: ' \2022';
 margin-right: 1em;
 opacity: .15;
}
它是从下面来的

.nav-menu > li > a:before {
 color: #fff;
 content: ' \2022';
 margin-right: 1em;
 opacity: .15;
}
只需添加css:

.nav-menu > li > a::before {
    content: "";
}
因为下面的css就是制造点

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

.nav-menu > li > a::before {
    content: "";
}
因为下面的css就是制造点

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

解释

它不是
ul
中的一个点,这就是为什么您的代码不起作用。菜单中的锚点有一个,在每个锚点之前插入一个字符(一个点)

检查这个

q::在{
内容:“«”;
颜色:蓝色;
}
q::在{
内容:“»”;
颜色:红色;
}

这就是工作前后的解释

它不是
ul
中的一个点,这就是为什么您的代码不起作用。菜单中的锚点有一个,在每个锚点之前插入一个字符(一个点)

检查这个

q::在{
内容:“«”;
颜色:蓝色;
}
q::在{
内容:“»”;
颜色:红色;
}

这就是我在工作前后花了大半个小时试图弄明白这一点的原因。非常感谢你。能不能告诉我你是如何识别出这是CSS的一部分(
.nav menu>li>a::before){
或者这将是一个复杂的书面解释吗?显然我的方法是不够的。@inspiredlife你可以通过检查锚定标签上的元素很容易找到。大多数点和其他符号都是使用内容和之前在li上使用的。在这里学习内容。我已经阅读了(并记下了)那些文章。谢谢。你以前用什么工具识别
.nav menu>li>a::的{
作为创建点的选择器?我一直在Firefox中使用Web Developer tools Inspector,但没有看到它。我也在Firefox中使用Firebug,但未能找到它。@inspiredlife是的,我也在使用它。在这里我可以识别。最终找到了它。我只是没有深入挖掘html树(默认情况下,在Web Developer Tools inspector中,这一切都崩溃了。因为我最初没有意识到这是我需要解决的标记。感谢屏幕截图。我花了一个小时的大部分时间试图弄清楚这一点。非常感谢。能否告诉我您是如何确定这是CSS的特定部分的(
.nav menu>li>a::before{
或者这将是一个复杂的书面解释吗?显然我的方法是不够的。@inspiredlife你可以通过检查锚定标签上的元素很容易找到。大多数点和其他符号都是在li上使用内容和之前使用的。在这里学习内容。我已经阅读了(并记下了)那些文章。谢谢。你以前用什么工具识别
.nav menu>li>a::的{
作为创建点的选择器?我一直在Firefox中使用Web Developer tools Inspector,但没有看到它。我也在Firefox中使用Firebug,但未能找到它。@inspiredlife是的,我也在使用它。在这里我可以识别。最终找到了它。我只是没有深入挖掘html树(默认情况下,在Web Developer Tools inspector中,这是全部折叠的。因为我最初没有意识到这是我需要处理的标记。感谢屏幕截图。感谢arglab。我感谢您的解释。我对CSS的有限经验到目前为止还没有涉及到选择器之前和之后。我应该指出,应用代码您已经建议作为修复没有任何效果。但是,应用来自ketan的代码立即获得了预期的结果。@inspiredlife你说得对,对不起,我睡着了。我编辑了PostThreak arglab。我感谢你的解释。我对CSS的有限经验到目前为止还没有涉及选择器前后的操作。我应该指出,应用您建议的修复代码没有任何效果。但是,应用来自ketan的代码立即达到了预期效果。@inspiredlife您是对的,对不起,我睡着了。我编辑了这篇文章