1

私は 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 ファイルが特定のメニュー音声と一致するようにするために必要です。

EG index.html の「ホーム」アンカーは、他の 3 つの要素とはスタイルが異なります。

前もって感謝します。

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 に答える