Question

我正在构建一个网页，并试图让我的导航正确。我使用mysql将“subject”存储在一个表中，将“pages”存储在另一个表中。它工作正常，但我只是使用粗体来表示所选择的页面或主题，并且由于某种原因，当我选择主题时，它会粗体显示该主题下的整个页面列表。这些页面的工作方式与我的预期相同（它为我选择的页面加粗）。这是我的PHP页面，它们是我的CSS页面。（我怀疑它“选中”的html类已经固有但我不知道如何）。任何帮助都会很棒。

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

网页导航（粗体问题）

1 个答案: