样式怎么设置，求高手指教
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
有几个 a 标签，当点击 1的时候，使A标签处于选中状态，点击 2时，2处于选中状态，其他标签未选中，
请教这个样式怎么设置？
------解决方案--------------------

<script type="text/javascript">

window.onload = function(){

    var _as = document.getElementsByTagName('a');

    for(var i = 0 ; i < _as.length ; ++i){

        _as[i].length = _as.length;

        _as[i].onclick = function(){

            for(var j = 0 ; j < this.length ; ++j){

                _as[j].className='';

            }

            this.className = 'selected';

        }

    }

}

</script>

<style type="text/css">

a{

    cursor: pointer;

}

.selected{

    color:red;

}

</style>

<a>1</a>

<a>2</a>

<a>3</a>

<a>4</a>