选择包含中的菜单元素答案

【问题标题】：select menu element within an include选择包含中的菜单元素
【发布时间】：2013-08-04 19:39:07
【问题描述】：

我从未使用过 php 的 include 功能，但我最近阅读了一些鼓励 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 将具有与其他三个元素不同的“home”锚样式。

提前致谢。

【问题讨论】：

抱歉，不清楚您的实际要求和尝试做什么。请使用edit 按钮编辑您的问题文本）并添加更多详细信息。试着站在读者的角度思考……
“如何将类附加到菜单元素。” 到底是什么意思？你的意思是 CSS 类还是 PHP 类？你需要更具体。 PHP 类本身设置在included 文件中，例如，如果您要这样做的话。更多关于 PHP 类的信息：php.net/manual/en/language.oop5.basic.php 和 CSS 类：tizag.com/cssT/class.php
我编辑了这个问题，希望现在更清楚了！...谢谢
@oil-gap 你可以使用<li class="my-class">...</li>，你的CSS看起来像这样li.my-class {....}
@oil-gap 看看这个关于 SO 的答案，肯定会帮助stackoverflow.com/a/4983739/1415724

标签： php html class menu include

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：