WordPress侧栏菜单不能与CSS一起使用

Question

我在使用我的CSS设计侧边栏菜单时遇到了问题。我只是需要它与当前的CSS工作，所以我可以调整它，以我需要它看。我已经在functions.php中声明了侧边栏菜单，并在WordPress的管理区域内创建了一个菜单，但它似乎没有任何改变。

这里是链接到页面（工具栏菜单的地方说，我们的行业）：View Page

下面是从的sidebar.php文件中的代码。

<div id="mod_sidebar"> 
    <?php if (! dynamic_sidebar('Sidebar')) : ?> 
    <ul> 

     <li id="sidebar-nav" class="widget menu"> 
      <h3><?php _e('Navigation'); ?></h3> 
      <ul> 
       <?php wp_nav_menu(array('theme_location' => 'sidebar-menu')); /* editable within the Wordpress backend */ ?> 
      </ul> 
     </li> 

     <li id="sidebar-search" class="widget"> 
      <h3><?php _e('Search'); ?></h3> 
      <?php get_search_form(); /* outputs the default Wordpress search form */ ?> 
     </li> 

     <li id="sidebar-archives" class="widget"> 
      <h3><?php _e('Archives') ?></h3> 
      <ul> 
       <?php wp_get_archives('type=monthly'); ?> 
      </ul> 
     </li> 

     <li id="sidebar-meta" class="widget"> 
      <h3><?php _e('Meta') ?></h3> 
      <ul> 
       <?php wp_register(); ?> 
       <li><?php wp_loginout(); ?></li> 
       <?php wp_meta(); ?> 
      </ul> 
     </li> 
    </ul> 
    <?php endif; ?> 
</div><!--mod_sidebar--> 

及以下基本上是该菜单的CSS：

#sidebar-nav, 
#sidebar-nav ul {list-style: none; padding: 0; margin: 0; border-radius: 5px; -moz-border-radius: 5px; font-weight: bold;} 
#sidebar-nav a {display: block; padding: 10px; width: 210px;} 
#sidebar-nav li {float: left; width: 150px;} 
#sidebar-nav li:hover {background-color: #5da3e3; border-radius: 5px; -moz-border-radius: 5px;} 
#sidebar-nav li ul {position: absolute; width: 210px; left: -999em; background-color: #1662a7;} 
#sidebar-nav li:hover ul {left: auto; border-radius: 5px; -moz-border-radius: 5px;} 

谁能帮助我？

在此先感谢！

Answer 1

试试这个（但你可以使用<div class="some_class_name">类）：

#mod_sidebar, 
    #mod_sidebar ul {list-style: none; padding: 0; margin: 0; border-radius: 5px; -moz-border-radius: 5px; font-weight: bold;} 
    #mod_sidebar a {display: block; padding: 10px; width: 210px;} 
    #mod_sidebar li {float: left; width: 150px;} 
    #mod_sidebar li:hover {background-color: #5da3e3; border-radius: 5px; -moz-border-radius: 5px;} 
    #mod_sidebar li ul {position: absolute; width: 210px; left: -999em; background-color: #1662a7;} 
    #mod_sidebar li:hover ul {left: auto; border-radius: 5px; -moz-border-radius: 5px;}