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

Question

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

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

Answer 1

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

/* Set the disc and its color */
.vertical_menu_toggle .second .inner ul li.current_page_item {
  color: #D0021B;
  list-style-type: disc;
}
 
/* Remove the default underline */
.vertical_menu_toggle .second .inner ul li a {
  color: #CCC;
  text-decoration: none;
  font-weight: bold;
}

/* Remove the disc on other list elements */
.vertical_menu_toggle .second .inner ul li {
  list-style-type: none;
}

<h3>Art Works</h3>
<div class="vertical_menu_toggle">
  <div class="second">
    <div class="inner">
      <ul>
        <li><a href="">2010 to date</a>
        </li>
        <li class="current_page_item"><a href="">2000 to 2009</a>
        </li>
        <li><a href=" ">1990 to 1999</a>
        </li>
      </ul>
    </div>
  </div>
</div>