1

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

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

例如

菜单.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>

索引.html

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

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

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

EG index.html 将具有与其他三个元素不同的“home”锚样式。

提前致谢。

4

2 回答 2

1

根据这些例子

您可以使用选项#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>
于 2013-08-05T21:44:58.193 回答
0

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

于 2013-08-03T17:32:02.077 回答