将css应用于php菜单

Question

我希望我的代码能显示一个css菜单，就像在电子商务网站上一样，请帮助我在这个代码上应用css。

    echo "<ul>";

    while ($row = mysql_fetch_assoc($result)) //fetching data from database
    {
         if ($row['Count'] > 0) //THIS IS PARENT MENU
         {
             $url ='show_cat.php?catid='.($row['id']);
             echo "<li class='list'><a  class='list_link'  href='.$url.'>" . $row['label'] . "</a>";
             display_children($row['id'], $level + 1);
             echo "</li>";
         } 
         elseif ($row['Count']==0) //THIS IS SUB MENU
         {
                 $url ='show_cat.php?catid='.($row['id']);
                 echo "<li><a class='list_link'      href='.$url.'>" . $row['label'] . "</a></li>";
         } 
         else;
    }
    echo "</ul>";

我的网页如下所示，但我想将它显示为dropdown menu中的类别，当我悬停在上面时，它会显示该类别的子类别。

MP3s和云播放器

• MP3音乐商店
• 面向Web的云播放器
• 用于Android的云播放器
• 用于iOS的云播放器

服装、鞋和珠宝

• 服装
• 鞋子
• 手袋
• 附件
• 行李
• 珠宝首饰
• 手表

书籍

• 书籍
• 儿童读物
• 教科书
• 有声读物
• 杂志

电影、音乐和游戏

• 影视
• 蓝光
• 亚马逊即时视频

Answer 1

有很多方法可以让你达到菜单效果。对于一个简单的菜单系统，您需要一些javascript技巧。您也可以使用因特网上的许多可用的.之一。

要在代码中应用某种样式，可以将以下内容添加到主样式表文件中：

li {
    /* here goes the style for both, the menu and submenu. */
}

li.list {
    /* here goes the style for the menu only. */
}

Answer 2

教程1：http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

教程2：http://code-tricks.com/simple-css-drop-down-menu/

尝尝这个。不仅如此，对于您的问题，还有许多css教程。

谢谢