html - 選択したメニュー項目をハイライト

Question

私はこのメニューを持っています：

<ul class="semiopaquemenu">
  <li><a href="http://www.artoparadosikilkis.gr/home/">home</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/proionta/">products</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/paraggeleies/">orders</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/location/"class="selected">location</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/about-us/">about-us</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/contact-us/">contact</a></li>
</ul>

これは、マウスオーバーで強調表示される水平メニューで、クリックすると現在のページも強調表示されます 私の質問は、コードを変更して一度だけ配置できるようにする方法です。この例では場所タブが強調表示され、コードは場所ページにあります。私が望むのは次のようなものです

<ul class="semiopaquemenu">
  <li><a href="http://www.artoparadosikilkis.gr/home/"if selected=true then class="selected">home</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/proionta/"if selected=true then class="selected">products</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/paraggeleies/"if selected=true then class="selected">orders</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/location/"if selected=true then class="selected">location</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/about-us/"if selected=true then class="selected">about-us</a></li>
  <li><a href="http://www.artoparadosikilkis.gr/contact-us/"if selected=true then class="selected">contact</a></li>
</ul>