无序列表中的隐藏点
无序列表中的隐藏点
提问于 2016-04-04 05:59:56
我正在尝试自定义一个无序列表，用于此站点上的导航菜单：http://chaine-charlotte.org/
您将看到在每个菜单项之间有一个点/盘，沿标题水平运行。我想去掉这个点。
我无法直接访问CSS代码(据我所能确定)，因为它是一个wordpress.com站点(到目前为止，我只处理过wordpress.org自托管站点)。否则，我会把它发出去。
当然，我可以检查来自用户/浏览器端的元素，但是到目前为止，我还没有确定哪个CSS声明正在生成点/磁盘，因此哪一个或者两个都应用于：
list-style-type: none;
list-style-image: none;请有人从前端检查网站，并请告诉我哪些CSS属性，我应该使用这些声明定制？
谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-04-04 06:03:37
只需添加css：
.nav-menu > li > a::before {
content: "";
}因为下面的css是点。
.nav-menu > li > a::before {
color: #fff;
content: " •";
margin-right: 1em;
opacity: 0.15;
}Stack Overflow用户
发布于 2016-04-04 06:03:13
它来自下面的css
.nav-menu > li > a:before {
color: #fff;
content: ' \2022';
margin-right: 1em;
opacity: .15;
}Stack Overflow用户
发布于 2016-04-04 06:05:53
解释
它不是ul中的一个点，这就是为什么您的代码不能工作。菜单中的锚有一个前选择器，它在每个锚之前插入一个字符(一个点)。
检查这个小提琴
q::before {
content: "«";
color: blue;
}
q::after {
content: "»";
color: red;
}<q> That's how before and after work </q>
检查li > a:before
溶液
将此添加到CSS中
.nav-menu > li > a::before {
content: "";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36395468
复制相关文章
相似问题
腾讯云开发者
