php - 网页导航(加粗麻烦)

Question

我正在构建一个网页并试图让我的导航正确。我正在使用 mysql 将网站的“主题”存储在一个表中，将“页面”存储在另一个表中。它工作正常，但我只是使用粗体来表示所选的页面或主题，并且出于某种原因，当我选择一个主题时，它会将该主题下的整个页面列表加粗。这些页面按照我的预期工作(它加粗了我选择的页面)。这是我的 PHP 页面，它们是我的 CSS 页面。 (我怀疑 html 类“selected”正在继承，但我看不出如何继承)。任何帮助都会很棒。

PHP

                while ($subject = mysql_fetch_array($subject_set)){
                    echo "<li";
                    if ($subject["id"] == $sel_subj){ echo " class=\"selected\""; }
                    echo"><a href=\"content.php?subj=".urlencode($subject['id']).
                            "\">{$subject["menu_name"]}</a></li>";
                    $page_set = get_pages_for_subject($subject['id']);
                    echo "<ul class=\"pages\">";
                    while ($page = mysql_fetch_array($page_set)){
                        echo "<li";
                        if ($page['id'] == $sel_page){ echo " class=\"selected\""; }
                        echo"><a href=\"content.php?page=".urlencode($page['id']).
                        "\">{$page["menu_name"]}</a></li>";
                    }
                    echo "</ul>";
                }
                ?>
                    </ul>
                </td>
                <td id="page">
                    <h2>Content Area</h2>
                    <?php echo $sel_subj;?>
                    <?php echo $sel_page;?>
                </td>
            </tr>
        </table>

CSS

/*Navigation*/
#navigation { width: 225px; height: 600px; padding: 5% 5%;
             color: #0D8800; background: #44EE44; }
#navigation a { color: #8D0D19; text-decoration: none; }
ul.subjects { padding-left: 0; list-style: none; }
ul.pages { padding-left: 0; list-style: square; }
.selected { font-weight: bold; }

谢谢

Answer 1

将“selected”类移动到“a”标签可能会更好。

如果那不是一个选项，那么您将需要阻止继承:

.selected ul li { font-weight: normal; }