边栏菜单未创建

Question

我正在使用Django创建一个网站。下面是我的代码。

sidebar-menu.css：

.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border-left-color: #ffffff;
}
.sidebar-menu .sidebar-submenu {
    display: none;
    list-style: none;
    padding-left: 5px;
    margin: 0 1px;
    background: transparent;
}

我的错误是边栏菜单不起作用。我确定HTML代码中没有错误。如果CSS中有任何错误，请帮助我。

这是我的html代码：

{% block termscondobs %}
  <li>
    <a href="{% url 'terms-conditions' %}" class="waves-effect">
      <i class="fa fa-file-text-o"></i> <span>Terms & Conditions</span>
      <i class="fa fa-angle-left float-right"></i>
    </a>
    <ul class="sidebar-submenu">
      <li><a href="{% url 'terms-conditions' %}"><i class="zmdi zmdi-star-outline"></i> OBS T&C</a></li>
      <li><a href="{% url 'terms-febs' %}"><i class="zmdi zmdi-star-outline"></i> Febs T&C</a></li>
      <li><a href="{% url 'terms-febs-events' %}"><i class="zmdi zmdi-star-outline"></i> Febs Events T&C</a></li>
    </ul>
  </li>
{% endblock %}

我是前端的新手。因此，任何帮助都会很棒。