Question

我从未使用过php include 函数，但我最近阅读了一些鼓励ti的好文章。我将主要用于菜单和页脚，但这是我的问题：

如何将HTML类附加到菜单元素。

e.g。

menu.php

<nav>
    <ul>
        <li><a href=""></a>home</li>
        <li><a href=""></a>blog</li>
        <li><a href=""></a>about</li>
        <li><a href=""></a>contact</li>
    </ul>
</nav>

的index.html

<?php include 'menu.php'; ?>

在这种情况下，如何在不使用不同menu.php文件的情况下将类设置为这些菜单元素中的任何一个？

长话短说我需要它所以我可以将某些样式应用于列表中的单个元素，并且每个html文件将匹配特定的菜单声音

电子。 G. index.html将具有与其他三个元素不同的“主页”锚。

提前致谢。

Answer 1

As per these examples

您可以使用选项＃2

<强> CSS

#nav {
width:150px;
list-style:none;
}
#nav a {
color:black;
text-decoration:none;
}
#nav a:active, #nav a:focus, #nav a:hover {
color:red; 
}
#home #homenav, #about #aboutnav, #contact #contactnav {
color:red; 
}
#home #homenav:hover, #about #aboutnav:hover, #contact #contactnav:hover {
color:blue; /* add :active and :focus styles here also */
}

<强> HTML

<body id="home"> <!-- the body needs a unique id -->
  <ul id="nav"> <!-- each anchor needs a unique id -->
    <li><a href="#" id="homenav">HOME</a></li>
    <li><a href="#" id="aboutnav">ABOUT</a></li>
    <li><a href="#" id="contactnav">CONTACT</a></li>
  </ul>
</body>

Answer 2

提供元素ID并在包含文件中设置类。

选择包含中的菜单元素

2 个答案: