-1

我最近接到了任务，他们用以下方式解释了这个任务

导航必须使用:hover 伪类设置样式，而活动菜单点必须使用 body 类

我的问题是第二个问题，即*活动菜单点必须使用 body 类。以下是html片段。

<body class="home">
    <div id="wrapper">
        <div id="nav">
            <ul>
                <li id="btnHome"><a href="#">Home</a></li>
                <li id="btnAbout"><a href="#">About</a></li>
                <li id="btnContact"><a href="#">Contact</a></li>
                <li id="btnLinks"><a href="#">Links</a></li>
            </ul>
                    </div>
             </div>
     </div>

我如何使用正文类来获取菜单项，以便当用户在主页上时，主页链接将使用 css 处于活动状态。其他链接也一样吗？

4

1 回答 1

1

我认为这意味着对于每个页面，body 类都会发生变化，因此对于 HomePage，您有 class home，对于 AboutPage，您有 class about....

.home #btnHome {
    /* active home menu code */
}

.about #btnAbout {
    /* active about menu code */
}

那是你需要的吗？

于 2013-08-21T06:17:09.680 回答