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