サイトのナビゲーションなどによくある、選択されているページの文字色を変えたいのですが、
どのようにすれば良いのでしょうか？
例えば以下の場合、会社案内をクリックしたら、会社案内ページが表示されているときは<li><a href="#">会社案内</a></li>のテキストをredにする。といった動きにしたいです。

<ul class="nav">
  <li><a href="#">会社案内</a></li>
  <li><a href="#">製品一覧</a></li>
  <li><a href="#">お問い合わせ</a></li>
</ul>