Html 更改侧菜单上当前子页面的背景色

我试图改变我的侧菜单中孩子的背景颜色，但我还没有找到一种方法来做到这一点。我使用的css位于我的站点和Dotnetnuke站点中的一个模块内

以下是css：

<style>
    menu{
    padding-left:24px;
}

ul.menu_sx {
    width: 172px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    color: #333;
    font-family: Lucida Grande; 
}

ul.menu_sx li {    
    padding: 0;
    margin: 0;
    background: transparent;
    border-bottom: 1px solid #d8d8d8;
    list-style: none;
}

ul.menu_sx li a {    
    padding: 8px 24px 8px 8px;
    margin: 0;
    display: block;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    color: #333;
}

ul.menu_sx a:hover {
    text-decoration: none;
    background-color: #FEEE9D;
    color: #996600;
}

ul.menu_sx li a span {
    position: relative;
    left: 0;
}

/* MENU SECONDO LIVELLO -> voce con submenu associato */
ul.menu_sx ul{
    #margin-top:-19px;
    padding: 0px;
}

ul.menu_sx li.segue a,
ul.menu_sx li.segue_2 a {
    background-image: url(/dnn7/Portals/0/menu/BlackArrowRight.gif);
    background-repeat: no-repeat;
    background-position: 1px -1px;
}

/* elementi annidati secondo livello */
.menu_sx_sublevel li a
{
    background-image: none;
}

ul.menu_sx li.segue a:hover,
ul.menu_sx li.segue_2 a:hover {
    background-image: url(/dnn7/Portals/0/menu/BrownArrowRight.gif);
}

/* MENU SECONDO LIVELLO -> menu attivo */
ul.menu_sx li.active,
ul.menu_sx li.active_menu_yellow,
ul.menu_sx li.active_menu_2_yellow{

}

ul.menu_sx li.active a,
ul.menu_sx li.active_menu_yellow a,
ul.menu_sx li.active_menu_2_yellow a{
    padding-top: 9px;
    background: url("/dnn7/Portals/0/menu/BrownArrowDown.gif") 1px -1px #feee9d no-repeat;
    color: #996600;
    background-color: #fee35b;
}

/* MENU SECONDO LIVELLO -> menu aperto */
ul.menu_sx li.active_menu a,
ul.menu_sx li.active_menu_2 a{
    background: url(/dnn7/Portals/0/menu/BlackArrowDown.gif) no-repeat 155px 12px;
    font-weight: bold;
}

ul.menu_sx li.active_menu a:hover,
ul.menu_sx li.active_menu_2 a:hover,
ul.menu_sx li.active_menu_yellow a:hover,
ul.menu_sx li.active_menu_2_yellow a:hover {
    background: url("/dnn7/Portals/0/menu/BrownArrowDown.gif") 1px -1px #feee9d no-repeat;
    color: #996600;
    background-color: #fee35b;
}

/* MENU SECONDO LIVELLO -> submenu 2 livello*/
ul.menu_sx li ul li {
    border-bottom: none;
}

ul.menu_sx li ul li a {
    color: #996600;
    background: none !important;
    background-color: #ffffff !important;
    padding-left: 5px;
}

ul.menu_sx li ul li.segue a,
ul.menu_sx li ul li.segue_2 a{
    background-image: url("/dnn7/Portals/0/menu/BrownArrowRight.gif");
    background-position: 1px -1px;
}

ul.menu_sx li ul li.active_menu a,
ul.menu_sx li ul li.active_menu_2 a,
ul.menu_sx li ul li.active_menu_yellow a,
ul.menu_sx li ul li.active_menu_2_yellow a{
    background: url("/dnn7/Portals/0/menu/BrownArrowDown.gif") 1px -1px #FFF9D9 no-repeat;
}

ul.menu_sx li ul li.active_menu a:hover,
ul.menu_sx li ul li.active_menu_2 a:hover,
ul.menu_sx li ul li.active_menu_yellow a:hover,
ul.menu_sx li ul li.active_menu_2_yellow a:hover{
    background-position: 1px -1px;
}

/*fix luca 14/08/2014*/
ul.menu_sx li.active {
    background-color: #fee35b !important;
    color: #996600;
    font-weight: bold;
    /*padding: 9px 24px 8px 8px;*/
}

ul.menu_sx li ul li.active {
    /*padding-left:16px;*/
}

ul.menu_sx li ul li ul li.active {
    padding-left:24px;
}

.current > a
{
    text-decoration: underline !important;
}

.menu_sx li ul li a:hover
{
    background-color: #FEEE9D !important;
}

</style>

菜单{
左侧填充：24px；
}
菜单{
宽度：172px；
填充：0；
保证金：0；
列表样式：无；
字体大小：12px；
颜色：#333；
字体系列：露西达格兰德；
}
菜单
填充：0；
保证金：0；
背景：透明；
边框底部：1px实心#d8d8；
列表样式：无；
}
菜单
填充：8px 24px 8px 8px；
保证金：0；
显示：块；
文字装饰：无；
文本转换：无；
文本对齐：左对齐；
颜色：#333；
}
ul.menu_sx a：悬停{
文字装饰：无；
背景色：#FEEE9D；
颜色：#996600；
}
ul.menu_sx li a span{
位置：相对位置；
左：0；
}
/*菜单SECONDO LIVELLO->voce con子菜单关联*/
菜单{
#利润上限：-19px；
填充：0px；
}
ul.menu_sx li.segue a，
ul.menu_sx li.segue_2 a{
背景图像：url（/dnn7/Portals/0/menu/BlackArrowRight.gif）；
背景重复：无重复；
背景位置：1px-1px；
}
/*第二生活元素*/
.menu_sx_子级li a
{
背景图像：无；
}
ul.menu_sx li.segue a:悬停，
ul.menu_sx li.segue_2 a:悬停{
背景图像：url（/dnn7/Portals/0/menu/brownright.gif）；
}
/*菜单第二个LIVELLO->MENU attivo*/
ul.menu_sx li.active，
ul.menu_sx li.active_menu_黄色，
ul.menu_sx li.active_menu_2_黄色{
}
ul.menu_sx li.active a，
ul.menu_sx li.active_menu_黄色a，
ul.menu_sx li.active_menu_2_黄色a{
填充顶部：9px；
背景：url（“/dnn7/Portals/0/menu/browsneardown.gif”）1px-1px#feee9d不重复；
颜色：#996600；
背景色：#fee35b；
}
/*菜单辅助LIVELLO->菜单辅助*/
ul.menu_sx li.active_menu a，
ul.menu_sx li.active_menu_2 a{
背景：url（/dnn7/Portals/0/menu/BlackArrowDown.gif）不重复155px 12px；
字体大小：粗体；
}
ul.menu\u sx li.active\u菜单a：悬停，
ul.menu_sx li.active_menu_2 a：悬停，
ul.menu_sx li.active_menu_黄色a：悬停，
ul.menu_sx li.active_menu_2_黄色a:悬停{
背景：url（“/dnn7/Portals/0/menu/browsneardown.gif”）1px-1px#feee9d不重复；
颜色：#996600；
背景色：#fee35b；
}
/*菜单SECONDO Livelo->子菜单2 Livelo*/
菜单{
边框底部：无；
}
菜单{
颜色：#996600；
背景：无！重要；
背景色：#ffffff！重要；
左侧填充：5px；
}
ul.menu_sx li ul li.segue a，
ul.menu_sx li ul li.segue_2 a{
背景图像：url（“/dnn7/Portals/0/menu/brownright.gif”）；
背景位置：1px-1px；
}
ul.menu_sx li ul li.active_menu a，
ul.menu_sx li ul li.active_menu_2 a，
ul.menu_sx li ul li.active_menu_黄色a，
ul.menu_sx li ul li.active_menu_2_黄色a{
背景：url（“/dnn7/Portals/0/menu/browsneardown.gif”）1px-1px#FFF9D9不重复；
}
ul.menu_sx li ul li.active_菜单a:悬停，
ul.menu_sx li ul li.active_menu_2 a:悬停，
ul.menu_sx li ul li.active_menu_黄色a：悬停，
ul.menu_sx li ul li.active_menu_2_黄色a:悬停{
背景位置：1px-1px；
}
/*fix luca 2014年8月14日*/
ul.menu_sx li.active{
背景色：#fee35b！重要；
颜色：#996600；
字体大小：粗体；
/*填充：9px 24px 8px 8px*/
}
ul.menu_sx li ul li.active{
/*左侧填充：16px*/
}
ul.menu\u sx li ul li ul li.active{
左侧填充：24px；
}
.当前>a
{
文字装饰：下划线！重要；
}
.menu_sx li ul li a:悬停
{
背景色：#感觉9d！重要；
}

这是我的课程。。 ul-ID:menusx， ul等级：菜单， 李班：菜单， 次级ul等级：菜单_sx _次级， 活动类别：当前

我尝试将背景色添加到.current，我尝试创建一些新的引用段落{}，但仍然没有成功

有什么想法吗

更新： 这是侧菜单的html

<div>
   <ul id="menusx" class="menu_sx">
      <li class="menu active_menu_yellow">
         <a href="http://localhost/dnn7/Automotive-Lubricants/Engine-Oils">Engine Oils</a>
         <ul class="menu_sx_sublevel" style="display: block;">
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Engine-Oils/Cars-Vans">Cars &amp; Vans</a></li>
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Engine-Oils/Trucks">Trucks</a></li>
            <li class="current active_menu_yellow"><a href="http://localhost/dnn7/Automotive-Lubricants/Engine-Oils/Motorbikes">Motorbikes</a></li>
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Engine-Oils/Marine">Marine</a></li>
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Engine-Oils/Stationary-Engines">Stationary Engines</a></li>
         </ul>
      </li>
      <li class="menu segue">
         <a href="http://localhost/dnn7/Automotive-Lubricants/Transmission-Oil">Transmission Oil</a>
         <ul class="menu_sx_sublevel" style="display: none;">
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Transmission-Oil/Automatic-Transmission">Automatic Transmission</a></li>
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Transmission-Oil/Manual-Transmission">Manual Transmission</a></li>
         </ul>
      </li>
      <li class="menu segue">
         <a href="http://localhost/dnn7/Automotive-Lubricants/Special-Automotive-Products">Special Automotive Products</a>
         <ul class="menu_sx_sublevel" style="display: none;">
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Special-Automotive-Products/Antifreeze">Antifreeze</a></li>
            <li class=""><a href="http://localhost/dnn7/Automotive-Lubricants/Special-Automotive-Products/Brake-Fluid">Brake Fluid</a></li>
         </ul>
      </li>
   </ul>
</div>

我设法解决了这个问题。以下是我添加的代码：

ul.menu_sx li ul li.current.active_menu_yellow a{
    background-color: #FEEE9D !important;
}

---

也请共享您的HTML。没有HTML。它的dotnetnuke网站。如果没有HTML的帮助，我可以分享模块的脚本，我们只是猜测，无法为您提供最好的帮助。如果您找不到控制侧边栏的HTML文件，请尝试右键单击页面，选择“查看源代码”，然后选择需要影响的代码。我用侧边菜单的html更新了我的问题