选择包含中的菜单元素 - select menu element within an include

select menu element within an include

本文关键字：元素菜单包含中选择 | 更新日期: 2023-09-27

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

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

例如

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文件都将匹配特定的菜单语音

E。G.index.html将具有与其他三个元素不同的"主页"锚点样式。

提前谢谢。

根据这些示例

您可以使用选项#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>

给元素id，并在include文件中设置类。