突出显示所选菜单项

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>