ﾎｰﾑﾍﾟｰｼﾞ作成ﾃｸﾆｯｸについて質問です｡
ｻｲﾄﾞﾒﾆｭｰのうち，現在選択されているﾒﾆｭｰのみｽﾀｲﾙを変更したいと考えています｡
しかし，ｻｲﾄﾞﾒﾆｭｰ部分のｺｰﾄﾞ(HTML)はﾃﾝﾌﾟﾚｰﾄ化したいので，選択されているｱﾝｶｰ部分にclass="chosen"のようなclassを指定し，CSSでｽﾀｲﾙを定義するような方法は避けたいのです｡
出来ればJavaScriptは使いたくありませんが，CSSだけでは無理であればJavaScriptもありです｡但しその場合でも，最悪JavaScriptｵﾌな環境の時，ﾚｲｱｳﾄが破綻することは避ける必要があります｡
具体的な手順がなくても，参考になるｻｲﾄを教えて頂けるだければ結構です｡
よろしくお願いします｡

単純にHTML + CSSでは難しいかと思います｡

あとは､各ﾍﾟｰｼﾞごとにﾒﾆｭｰ項目のｽﾀｲﾙを変えるのを､ｻｰﾊﾞ側で行うか､ｸﾗｲｱﾝﾄ側で行うかという選択肢があるかと思います｡

ｻｰﾊﾞ側で行うのであれば､ﾃﾝﾌﾟﾚｰﾄ化というのが何を意味しているかによって方法は変わりますが､ﾒﾆｭｰ部分をCGIなどで出力して､表示ﾍﾟｰｼﾞによって対応する項目のｽﾀｲﾙを変更すればよいのかと思います｡これであれば､JavaScriptが利用できない環境でもOKですが､その分､ｻｰﾊﾞでの処理が必要となります｡

例えば､次のような感じです｡

$uri = $_SERVER['REQUEST_URI'];
$classes = array('normal', 'normal', 'normal' ...);
if ($uri == 'XXXXX') {
 $classes[0] = 'selected';
}
･･･

<div id="menu1" class="<?= $classes[0] ?>">Menu1</div>
<div id="menu2" class="<?= $classes[1] ?>">Menu2</div>
<div id="menu3" class="<?= $classes[2] ?>">Menu3</div>

ｸﾗｲｱﾝﾄで行うのであれば､JavaScriptが妥当かと思いますが､HTML上のｽﾀｲﾙは全て非選択のｽﾀｲﾙを指定しておき､onLoadか何かの処理で､表示ﾍﾟｰｼﾞによって､対応する表示項目のﾒﾆｭｰだけ､選択時のｽﾀｲﾙに書き換えれば十分かと思います｡

例えば､次のような感じです｡

var onLoad = function = {
 if (document.URL == 'XXXXX') {
   document.getElementById('menu1').className = 'selected';
 } else if (document.URL == 'YYYYY') {
  ･･･
 } 
 ･･･ 
}

<div id="menu1" class="normal";">Menu1</div>
<div id="menu2" class="normal";">Menu2</div>
<div id="menu3" class="normal";">Menu3</div>

いかがでしょうか？

ｸﾗｲｱﾝﾄで動くｽｸﾘﾌﾟﾄを使わずにということだと､

ﾘﾝｸをｸﾘｯｸしたときにﾍﾟｰｼﾞそのものを差し替える｡

<a href="hoge1.html" target="_self">

ﾒﾆｭｰの数だけﾍﾟｰｼﾞを用意して､現在表示しているﾒﾆｭｰのｽﾀｲﾙを変えておく｡ｸﾗｲｱﾝﾄの方で､同じﾍﾟｰｼﾞであるかのように錯覚してくれればいいですが､画面を遷移するとちらついたような感じがすると思います｡

一番ｽﾏｰﾄなのは､JavaScriptなどを使うことだとおもいます｡

ｽｸﾘﾌﾟﾄoffのﾌﾞﾗｳｻﾞの場合はｽﾀｲﾙ変更なしで妥協できないですか｡

<noscript>でJavaScript有効の方がﾍﾞﾀｰであると表示するなどしたらどうでしょう｡

(C)株式会社はてな