Html 在活动菜单项的左侧添加一个点

我正在使用WordPress主题和垂直导航菜单。 我想在活动菜单项的左侧添加一个彩色点，如下图所示。我怎么能这么做？ 下面是控制活动菜单项的CSS代码

.vertical_menu_toggle .second .inner ul li.current_page_item a {
}

---

尝试使用下面的CSS代码。评论中的描述

/*设置光盘及其颜色*/
.垂直菜单\切换。第二。内部ul li.当前页面\项{
颜色：#D0021B；
列表样式类型：disc；
}
/*删除默认下划线*/
.垂直菜单\切换。第二。内部ul li a{
颜色：#CCC；
文字装饰：无；
字体大小：粗体；
}
/*卸下其他列表元素上的光盘*/
.垂直菜单\切换。第二。内部ul li{
列表样式类型：无；
}

艺术作品

考虑到您案例中的额外类：

.vertical\u menu\u toggle.second.internal

，它们在这里不起重要作用

首先，我使用

列表样式：none

删除了默认的项目符号

然后我使用Unicode字符“•”（U+2022:Bullet）作为项目符号，但对于非活动列表项，它的可见性使用

visibility:hidden

设置为隐藏

。垂直菜单\切换。第二。内部ul{
列表样式：无；/*隐藏所有列表项的默认项目符号*/
填充：0；
保证金：0；
}
/*将红点置于所有活动列表项之前*/
.vertical\u menu\u toggle.second.内部ul li.当前页面\u项：before{
内容：“•”/*请勿错过此空间*/
颜色：红色；
}
/*在非活动列表项前放置点，但使其不可见*/
.vertical\u menu\u toggle.second.internal ul li:not（.current\u page\u item）：before{
内容：“•”/*请勿错过此空间*/
可见性：隐藏；
}
/***额外的***/
/*并非绝对重要*/
h3{
字体系列：影响，无衬线；
字体大小：36px；
}
李{
字体系列：monospace；
字体大小：粗体；
字体大小：24px；
}
.垂直菜单\切换。第二。内部ul li{
左：1米；
文本缩进：-.7em；
}

艺术作品

2010年至今
2000年至2009年
1990年至1999年

这也可能会将文本变为红色，因此

a

需要一条规则将颜色重置为主题颜色，以避免更改锚定颜色，将其添加为“li.current\u page\u item:not（a）”我在我的虚拟html上尝试了这一点。所有的要点都是可见的。活动列表元素为红色，其他元素为黑色；它没有得到想要的结果。Ashesh，当然你必须使用其他CSS，这取决于使用的CMS/框架。这只是一个简单的解决方案。