django 更改 Package 在特定层次结构中的ul类的颜色

ijnw1ujt  于 2023-10-21  发布在  Go
关注(0)|答案(1)|浏览(95)
<div class="one"> 
    <nav id="sidebar" class="col-md-auto col-lg-2 d-md-inlineblock fontsize-5rem text-white sidebar">
        <div class="position-sticky">
            <ul class="nav flex-column">
               <li class="nav-item">
                   <a href="{% url 'dashboard:dashboard' %}" class="nav-link active">Dashboard</a>
                        </li>

我试图弄清楚如何自定义的背景 Package 在一个特定的层次结构。我想在这里特别改变导航链接活动类的颜色。我该怎么做?这里的任何声明和声明的框架有什么问题吗?我承认,除了从Python中的Dash模块收集的信息外,我对HTML了解不多。如果可能的话,请给我一个方法来管理Django Dash的页面结构,其中如果我直接在html模板中上传Django Dash设置,我该如何配置页面设置?谢谢你,谢谢!
颜色不会改变。如果选择了垂直选项卡上的其他项目,它们会改变颜色,但主第一个选项卡不会改变颜色。

nuypyhwy

nuypyhwy1#

我认为最简单的方法是给予您的<ul>标签一个id。
就像这样:

<!DOCTYPE html>
<html>
<head>
  <style>
  #ul-nav li .active { 
      background-color: yellow;
  }
  </style>
</head>
<body>
<div class="one"> 
    <nav id="sidebar" class="col-md-auto col-lg-2 d-md-inlineblock fontsize-5rem text-white sidebar">
        <div class="position-sticky">
            <ul class="nav flex-column" id="ul-nav">
               <li class="nav-item">
                   <a href="{% url 'dashboard:dashboard' %}" class="nav-link active">Dashboard</a>
              </li>
             </ul>
        </div>
     </nav>
</div>

</body>
</html>

说明:

相关问题