链接激活状态的样式用css怎么实现

比如下图这个效果

我想点击链接后，那一个区域可以保持高亮效果。
我用hover active visited link这些都不好使。
上面这4种css的伪类能实现这种功能吗？
还是必须用js？

添加一个样式，然后通过对比location.href和链接对象的href，包含则给这个a添加高亮样式，DEMO：网站导航栏目焦点设置