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;}