Question

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

导航必须使用：hover伪类进行样式设置，而活动菜单点必须使用正文类

我的问题是第二个，即活动菜单点必须使用正文类。以下是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>

如何将body类用于菜单项，因此当用户在主页上时，将使用css激活home链接。其他链接也一样吗？

Answer 1

我认为这意味着身体类改变了每个页面，所以对于HomePage你有类home，对于AboutPage你有关于类的....

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

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

这就是你需要的吗？

使用css body css类进行菜单

1 个答案: